Loading video...

Video Failed to Load

Go Home

all the interactive visual generators i've built with the Framer agent! parametric tools, each with its own controls and its own visual logic — change the inputs, get a different design. shapes, patterns, brand assets. quick to build with just a few prompts, easy to share by publishing through...

0xCharlota's profile picture

charlota

14,329 subscribers

20,432 views • 2 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

9 Comments

Nick's profile picture
Nick2 months ago

@framer dope! @ohioaustyn articulated it well - if you don't know what you're doing all of this feels hard (it is hard!)

charlota's profile picture
charlota2 months ago

@framer @ohioaustyn It’s a lot of experimenting and i love how it uncovers ideas I wouldn’t get to if I were to do this manually

Austyn McFadden's profile picture
Austyn McFadden2 months ago

@framer half the battle is knowing the terminology and art direction of what to say. These are dope!

charlota's profile picture
charlota2 months ago

@framer absolutely! ty, Austyn!

Yagnesh - Product Designer's profile picture
Yagnesh - Product Designer2 months ago

@framer Amazing

Rahul Singh Bhadoriya's profile picture
Rahul Singh Bhadoriya2 months ago

@framer Amazing

Shivang Parmar's profile picture
Shivang Parmar2 months ago

@framer very cool!

James McDonald's profile picture
James McDonald2 months ago

@framer all of these look so much fun

FlutterFlow's profile picture
FlutterFlow2 months ago

@framer this is fire

Related Videos

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney
6:52

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney

Yianni

78,450 views • 1 year ago

i've started using Framer Agent across every phase of a website project now: early layout ideas, new sections, responsiveness, QA, polish, and all the fiddly manual work that used to eat a whole afternoon. especially with the new Skills feature, as a brand designer, it's pretty cool to prototype a few visual directions for a website quickly and get back something already interactive, not a static mockup. this is a reel of layout explorations from one project. same brief, same references, several directions, all generated in one session. here's how my process looks using framer agent + skills 👇
0:35

i've started using Framer Agent across every phase of a website project now: early layout ideas, new sections, responsiveness, QA, polish, and all the fiddly manual work that used to eat a whole afternoon. especially with the new Skills feature, as a brand designer, it's pretty cool to prototype a few visual directions for a website quickly and get back something already interactive, not a static mockup. this is a reel of layout explorations from one project. same brief, same references, several directions, all generated in one session. here's how my process looks using framer agent + skills 👇

charlota

73,927 views • 1 month ago

We built our own Brand Agent for Lovable 🔥 Our team can now search, request, or even generate brand assets directly through an AI agent. It’s trained on our brand guidelines, values, and design system so whatever you ask it stays on brand. Why this is powerful: 1/ One source of truth for all brand assets 2/ Consistency across brand, design, and marketing 3/ Brand knowledge embedded directly into an AI agent 4/ Accessible to anyone We love building internal tools!! Go build your own brand agent!
0:30

We built our own Brand Agent for Lovable 🔥 Our team can now search, request, or even generate brand assets directly through an AI agent. It’s trained on our brand guidelines, values, and design system so whatever you ask it stays on brand. Why this is powerful: 1/ One source of truth for all brand assets 2/ Consistency across brand, design, and marketing 3/ Brand knowledge embedded directly into an AI agent 4/ Accessible to anyone We love building internal tools!! Go build your own brand agent!

Felix Haas

123,530 views • 7 months ago

Build and test applications faster with a multi-agent coding system. Gain direct experience with Google Antigravity at a Build with AI event and move from design to execution using an IDE with built-in gen AI. 🔹 Multi-agent coding system and IDE 🔹 Lab testing and app development 🔹 High model quotas Get started →
0:37

Build and test applications faster with a multi-agent coding system. Gain direct experience with Google Antigravity at a Build with AI event and move from design to execution using an IDE with built-in gen AI. 🔹 Multi-agent coding system and IDE 🔹 Lab testing and app development 🔹 High model quotas Get started →

Google for Developers

15,321 views • 6 months ago

You can literally just make anything you can imagine with Framer Workshop. Each page also uses its own design page. Crazy.
0:21

You can literally just make anything you can imagine with Framer Workshop. Each page also uses its own design page. Crazy.

Lee Black

45,998 views • 10 months ago

🔥 Comparison of 4 AI Image Generators 🎨 I put 4 AI models to the test with 5 different prompts, running 4 attempts each Here are the contenders: 🔹 Google Imagen 3 🔹 Mystic 2.5 🔹 Photon 🔹Frames Each model interpreted the prompts in its own way, producing unique results. Which one do you think did it best? Prompts below Let me know in the comments! 👇
0:25

🔥 Comparison of 4 AI Image Generators 🎨 I put 4 AI models to the test with 5 different prompts, running 4 attempts each Here are the contenders: 🔹 Google Imagen 3 🔹 Mystic 2.5 🔹 Photon 🔹Frames Each model interpreted the prompts in its own way, producing unique results. Which one do you think did it best? Prompts below Let me know in the comments! 👇

MayorkingAI

31,939 views • 1 year ago

"It was able to give me, just from a few prompts, a whole website with its own UX and UI design... Done in five minutes." 🦷 Dental Tracks built by a dental professional #builtwithcaffeine
3:04

"It was able to give me, just from a few prompts, a whole website with its own UX and UI design... Done in five minutes." 🦷 Dental Tracks built by a dental professional #builtwithcaffeine

caffeine

10,619 views • 1 year ago

From Vibe Coding to Vibe World. 🌍 MiMo-V2.6 brings together 3D spatial reasoning, multimodal perception and computer use to build and interact with richer environments. 🔹 Turn text, images or video into playable 3D worlds, coordinating agents to build scenes, write interaction logic and refine the results 🔹 Create Blender objects and scenes for animation, 3D printing and games 🔹 Control a Franka Panda arm in simulation through visual feedback 🔹 Use desktop tools to search, edit and process data — then inspect the results and adjust its next actions Build. Observe. Refine.
0:22

From Vibe Coding to Vibe World. 🌍 MiMo-V2.6 brings together 3D spatial reasoning, multimodal perception and computer use to build and interact with richer environments. 🔹 Turn text, images or video into playable 3D worlds, coordinating agents to build scenes, write interaction logic and refine the results 🔹 Create Blender objects and scenes for animation, 3D printing and games 🔹 Control a Franka Panda arm in simulation through visual feedback 🔹 Use desktop tools to search, edit and process data — then inspect the results and adjust its next actions Build. Observe. Refine.

Xiaomi MiMo

43,196 views • 1 month ago

Create a few hero layout variations in seconds. Ask the Framer Agent to help with your design exploration by restacking the existing hero, same copy and styles, then drop the one you like onto the site
1:02

Create a few hero layout variations in seconds. Ask the Framer Agent to help with your design exploration by restacking the existing hero, same copy and styles, then drop the one you like onto the site

Framer

12,912 views • 2 months ago

Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard with an aluminum body, built-in display, and programmable controls, built together with work louder®. Pre-order now at the link below!
0:31

Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard with an aluminum body, built-in display, and programmable controls, built together with work louder®. Pre-order now at the link below!

Framer

361,239 views • 5 months ago

What’s new in Framer • Skills • Build in 3D with the Framer Agent • New AI models in the Framer Agent • CMS List Field • Pinned Projects • Marketplace analytics • Expert program relaunch and more ✌️
1:28

What’s new in Framer • Skills • Build in 3D with the Framer Agent • New AI models in the Framer Agent • CMS List Field • Pinned Projects • Marketplace analytics • Expert program relaunch and more ✌️

Framer

21,897 views • 1 month ago

distilling my design aesthetic into a Claude skill — so we can craft design systems together that fits the vibe. since I entered the field, I've spent years handcrafting every interface myself. loved every second of it. but vibe coding unlocked a whole new world for human-ai collaboration. so this week I built that into a skill — 5 design systems, each with its own aesthetic logic, each made for a different context and product type. this demo showcases three different interfaces/products made by the same “style” with slightly different twists for each specific scenarios. style dropper inspired by Variant — but make it your own design DNA.
0:20

distilling my design aesthetic into a Claude skill — so we can craft design systems together that fits the vibe. since I entered the field, I've spent years handcrafting every interface myself. loved every second of it. but vibe coding unlocked a whole new world for human-ai collaboration. so this week I built that into a skill — 5 design systems, each with its own aesthetic logic, each made for a different context and product type. this demo showcases three different interfaces/products made by the same “style” with slightly different twists for each specific scenarios. style dropper inspired by Variant — but make it your own design DNA.

isle of echo

21,152 views • 5 months ago

💠 Looking to build your next SaaS website? We got you! We just launched a brand new free SaaS Website Kit for Framer and @Figma. Get started with tons of components, layouts, and free 3D elements!
0:31

💠 Looking to build your next SaaS website? We got you! We just launched a brand new free SaaS Website Kit for Framer and @Figma. Get started with tons of components, layouts, and free 3D elements!

Framer

102,042 views • 2 years ago

Attention Framer community. We just launched Components on the Marketplace! 🔍 Browse live, interactive previews 📋 Copy to your canvas with one click 🚀 Publish your own with full version control 🔜 Soon: tags, popular ranking, install tracking, and drafts.
1:15

Attention Framer community. We just launched Components on the Marketplace! 🔍 Browse live, interactive previews 📋 Copy to your canvas with one click 🚀 Publish your own with full version control 🔜 Soon: tags, popular ranking, install tracking, and drafts.

Framer

130,881 views • 1 year ago

The Framer MCP is here. Design, build, and update your site with AI tools like ChatGPT, Claude, Cursor, and Grok. Without giving up Framer’s flexibility, reliability, and control.
0:48

The Framer MCP is here. Design, build, and update your site with AI tools like ChatGPT, Claude, Cursor, and Grok. Without giving up Framer’s flexibility, reliability, and control.

Framer

110,353 views • 12 days ago

More and more design studios are showcasing interactive tools in their case studies, and I’m here for it. We went from static PDFs to motion, and now we’re letting people actually play with the brand. It’s no longer just a bunch of rules, the constraints are built into the brand itself. Here’s an example from the recent Stack Overflow rebrand by Koto, featuring various interactive elements. The future of brand design looks good.
0:45

More and more design studios are showcasing interactive tools in their case studies, and I’m here for it. We went from static PDFs to motion, and now we’re letting people actually play with the brand. It’s no longer just a bunch of rules, the constraints are built into the brand itself. Here’s an example from the recent Stack Overflow rebrand by Koto, featuring various interactive elements. The future of brand design looks good.

Fons Mans

126,963 views • 4 months ago

You can really just build things. Made in Claude with 4 UI mockups and a few prompts. Its that easy.
0:36

You can really just build things. Made in Claude with 4 UI mockups and a few prompts. Its that easy.

Dan | D33

40,876 views • 1 month ago

The design team is growing 🔥 We just opened two new roles to work on brand at Lovable. If you love building custom design tools with AI, we should talk. Over the past months, we’ve built a bunch of internal apps for design, brand, and marketing. From generating brand assets to experimenting with motion, logos, and entirely new creative workflows. Now we want to take this much further. We’re looking for: → Brand Designer, AI & Ops → Brand Engineer If you’re excited about exploring what brand design looks like in the age of AI, come build with us! DM's are open!
0:40

The design team is growing 🔥 We just opened two new roles to work on brand at Lovable. If you love building custom design tools with AI, we should talk. Over the past months, we’ve built a bunch of internal apps for design, brand, and marketing. From generating brand assets to experimenting with motion, logos, and entirely new creative workflows. Now we want to take this much further. We’re looking for: → Brand Designer, AI & Ops → Brand Engineer If you’re excited about exploring what brand design looks like in the age of AI, come build with us! DM's are open!

Felix Haas

18,538 views • 2 months ago