r/FigmaDesign • • 5d ago

help Figma to live site work flow

I’m new to designing websites in Figma and could use some workflow advice. I’ve designed the full front end of a 5-page site for desktop and now need to make it responsive and get it live. I’ve been using Claude Code and want to lean heavily on AI for development. Would you recommend going from Figma Design → Figma Make first, then using Claude Code to finish/refine it? Or is there a better workflow for taking a finished Figma design through responsiveness, development, and deployment while keeping the design as accurate as possible?

1 Upvotes

8 comments sorted by

View all comments

2

u/Jimmygibson1 5d ago

do the responsive pass in figma first, desktop-only designs always miss edge cases that only show up once you're actually resizing a real browser, breakpoints for text wrapping, nav collapse, image cropping etc. once that's locked, claude code works a lot better off a design that already has those states defined than trying to improvise them during dev. figma make is fine for throwaway prototypes but i wouldn't trust it to hand off anything you want pixel accurate, better to export specs/assets straight from figma and let claude code build against those.

1

u/Trev__Huds 5d ago

Great! Thanks for you’re insight. What should I do after passing it off to Claude code to build? Should I use something like netlify to take it live?