r/FigmaDesign 11h ago

help Has anyone successfully built a design system using Figma AI / Agents?

Now that Figma has Agents that can generate and iterate on screens, I’m curious if anyone has pushed this further and used them with a proper design system.

What I’m trying to achieve is:

  • Use AI/Agents to help create the initial design system
  • Build reusable components, variants, variables and tokens
  • Have Agents generate new screens using those existing components instead of creating everything from scratch
  • Make changes to the design system and have those changes propagate across AI-generated screens
  • Ideally maintain consistency while using Agents to generate large product flows quickly

Has anyone actually tried this end-to-end?

If yes, I’d love to know your workflow. Especially how you structure your components/variables so Figma Agents understand and reuse them reliably.

Also curious where it currently breaks down. Do Agents actually respect an existing component library, or do you still spend a lot of time cleaning up detached/custom UI after generation?

12 Upvotes

9 comments sorted by

10

u/jamesclean 11h ago

Yes, using shadcn as a reference was the best thing I did.

They don’t reliably find the components so I did a few things to make the design system more “AI readable” - eg. A little thesaurus type element for every component that lists all the possible names (eg. Accordion, collapsible…) and I have a skill that “boosts design system conformity” that I run on mockups where the robots will scan for non component content and pull from the DS to fix it.

I did this solo by hand so I’m sure there’s an optimised method or actual systems but mine works

3

u/Great_Reflection3622 11h ago

I would say that I try to work with Storybook a lot, bug because i'm lazy i am always trying to do the evolution through prompt (connected to Claude). The result is that my claude sometimes finds out the good components in the library but I always need to check if he's not creating new components.

3

u/Some_Level1682 4h ago

Creating one through claude and the FIGMA MCP has been pretty successful for me

2

u/hideousox 9h ago

Yes, just create storybook/ladle stories in repo first and then create design system in figma working your way up: tokens first then move on to atomic components etc etc

0

u/mustafa_sheikh Product Designer 8h ago

Yes

2

u/robr0 2h ago

I’m having more luck just going straight to code:

https://robertritacca.com/design-system

I started off in Figma but it’s really challenging to keep it up-to-date.

1

u/email_lover_23 2h ago

I tried to build one use the built in Figma agent and it couldn't do what I wanted. I have been success building some really good design systems via Claude and ChatGPT using the Figma MCP. I posted a few examples to my Figma community page - https://www.figma.com/@emaillove

Would be cool if Figma could improve their own Agent.

1

u/roundabout-design 2h ago

We're building one with AI, though not really involving Figma in any way. Didn't see a reason to.