Designer Andres Gonzalez used Framer's Agents feature to generate 3D shapes for his website. He fed the AI a screenshot of Linear's design and got a working draft in minutes, then spent a few hours tweaking motion, spacing, and rounding to match his design system.
Chapters
As a designer, I've always wondered how Linear creates these interactive shapes on their website. So I tried shooting some tokens at it and made this with Framer Agents inspired by Linear. But the question is, how did I create them? Well, thanks to Framer's new update, Agents can now create 3D shapes and animate them. First, I linked this Framer blog post that outlines how to teach Agents to animate 3D objects. Then I screenshotted this Linear section and prompted, create a 3D shape section of our own using our existing design system. And Agents did a good first draft, but it still needs that human touch. So I spent the next couple of hours tweaking motion values, spacing, shape rounding, and just making it feel right. Now I got these sick-looking 3D shapes on my website, which is great because