Has anyone here used Claude together with Figma MCP and Playwright to implement a complex feature in an existing application? I’m working on something where the expectation is that AI can inspect a Figma design, generate the implementation, validate it in the browser, and get fairly close to the design in a short amount of time. The feature is not just a simple form or static page. It includes things like bookings/reservations, overview screens, dates, prices, availability/status information, and potentially larger datasets. It also needs to fit into an existing codebase with established patterns, styling conventions, shared components, and project-specific rules. My experience so far is mixed. Claude can definitely generate useful code and help move things forward, but it still requires a lot of steering. Sometimes it says the result is finished or validated with Playwright, while manual inspection shows the UI still differs from the Figma design or certain interactions are not quite right. I’ve also seen it make changes across more files than expected, which makes review and trust harder. I’m trying to figure out whether this is just normal for the current state of AI-assisted development, or whether my workflow should be more constrained. For people who have used this setup in real projects: Is near pixel-perfect Figma-to-code realistic for a feature like this? Would you let the AI build the whole feature, or split it into small components? How much manual correction is normal? How do you keep it from changing too many files? Is Playwright enough for validation, or do you still rely heavily on manual review? Any workflow tips for using Claude + Figma MCP without losing control of the codebase? I’m not against the approach. I can see the value, and it does help. I’m mainly looking for real-world experiences, because the gap between demos and production-like work feels pretty big. submitted by /u/International-Toe125
Originally posted by u/International-Toe125 on r/ClaudeCode