Mastering Framer Agents: Design & Automation 🚀

66.

This is the demo for what you can do with the framer agents, the newest feature in Framer.

So there is a three cases I would like to share with you.

first one is starter packs.

So example every website, the CMS blog post or any design system starter, something, everything come with same patterns, same things.

And recently you will, you will have to copy it.

Pasting, you know, then changing everything.

And they didn't be good enough.

And what here is amazing is that let's say you have a website you have that looks pretty nice.

Well but instead of copy it and pasting and then deleting all existing designs and components you would like to start from scratch having the same components but with wireframes just you know you don't care anymore about design.

So here it is like you can copy a prompt.

This is, there are four prompts from start and you can you know upload and make your own or editing it.

And I will paste it here and I did it screening to make sure it's end and what I do here is just this.

There is no.

Nothing more.

There was just one prompt and I pass it and I got everything what I need.

I got a lot of new components and there is pretty well looking landing page with wireframes.

And now I can go with the design system and the colors and ui but basically the skeleton of the landing page is ready.

so after we have a wireframe now is the next step of making there a UI and make sure that this looks like we want to.

And this is also the powerful feature of framer agents.

Basically I just with palette parallel workers and one prompt I generate 66 design system that are ready to use.

and let's say This one looks pretty cool.

I can see how it looks like you can go with full preview and check it out more carefully.

But under, under this, this preview you have very good design prompt system.

And it's basically based on the best, best patterns from framer website and also some other good practices.

Yeah.

And basically what you can do is just copy it and paste here and click enter.

And it will be make that website looking like my design system.

Yeah.

Yes, continue that.

And cool.

And cool.

And I hope I will have very good well looking website.

And here it is.

And this is how it was done.

So Basically I run 66 Pareto Worker with the cow code runner and it designed the prompts and it designed the design system.

There was just 66 of them and everyone took around one minute.

There are some that took two minutes.

But this is, this is insane.

And imagine if you try to create a website with 66 views.

It's possible each view will be created in one minute with exact the design system we provide with exact the structure you provide.

Amazing stuff.

And here's the last thing cloud code has routines and the jobs are done like each hour, each day and you can set up it to your needs.

But basically in that case when framer provide us the framer agents now we are able to for example take our notion.

any other app like that and you have I let's say 200 blog posts.

You would love to post and share with other people on your own website and previously you will, you will force to do do it manually maybe with some plugins etc etc but now it's super simple.

All you have to do is to create new routine in your cloud code or any other tool that have something similar.

Go here provide the instruction for your cloud code for your agent to post a things good and you can provide your own skills and on other your own pattern to make sure that this is not an AI slob and The content is actually accurate and it is in your style.

But for this example I just create something.

Something very very simple.

I even use the haiku here not any opus or sonet and what I did is in every hour it's starting creating new posts about framer agents and the results are here.

So For now there are four posts each one is here and You can copy as a prompt the post if something is interesting And I would love to show you how it works.

So I click the run now to show that the process.

And here we go after a few minutes we have ready post on our website.

It's published and now we have a smart forms, no spam framers, AI power protection Cool.

Yeah and there is a nice article about let's back to our website.

and there it is with nice design system.

Yeah, and that was the third thing.

And nice.

I hope you enjoy seeing that what framer agents can do now, that's very feature.

and I hope that will help you with developing your next website bio.