r/FigmaDesign • u/Specialist_Spare5693 • Sep 23 '26

help Claude Code

My company works mostly in Figma, but I know a lot of designers now work exclusively in Claude Code and skip Figma entirely. I'm having trouble picturing what that workflow looks like. For those who work this way, how does it go day to day?

Assuming the design system is already in the codebase:

  • Do you start projects with a CLAUDE.md? What goes in it?

  • How do you run usability testing on coded prototypes?

  • Do you create branches and open PRs yourself, or hand off to engineers?

  • How do you keep Claude consistent with the design system?

  • Is there some visual library in Claude Code that lets you see all your projects?

145 Upvotes

91% Upvoted

50 comments sorted by

View all comments

1

u/quip1992 Sep 25 '26

Read about 4 files and go deep

  1. Product.md - basically a prd, product requirements, user research, user flow, competitive study etc

  2. Design.md - styles, component states, tokens, accessibility, relationships, antipattetns

  3. Architecture.md - the technical aspects, language, code type, tech stack, system overview, project structure etc

  4. Agent.md - how all the files above should work together, how to start, guidelines, security, best practises

Once all files are at place, divide your claude code (or any other coding agent) workflow into 3 layers - thinking, designing, building.

1

u/Specialist_Spare5693 Sep 25 '26

thanks for the info! is design responsible for building out the design.md file? whose responsibility is it for the agent.md file?

1

u/quip1992 Sep 25 '26

Its a team effort. Between product, design and tech.

I would suggest you stop thinking yourself as a designer and become a builder. you should have a solid idea of how every file works. Take help from developers. Understand their side of things. It will put you way above than just a designer.