DEV Community

Raj
Raj

Posted on

Discussion: Is Code Figma More Valuable Than Figma Code?

For years, frontend tooling has focused on converting Figma into code.

I think the next big productivity gain is the opposite: turning production code back into editable Figma files.

Once an application reaches production, the codebase usually becomes the most accurate representation of the product. It already contains responsive layouts, accessibility improvements, component hierarchies, and business logic.

Yet many teams still recreate those interfaces manually in Figma, which often leads to outdated design systems and duplicate work.

I've noticed several companies tackling different parts of this problem:

  • Builder.io – Visual development workflows.
  • Anima – Design-to-code collaboration.
  • Locofy.ai – Frontend code generation from designs.
  • GeekyAnts – Recently shared an interesting engineering approach to converting production code into editable Figma files rather than only generating code from designs: https://geekyants.com/blog/how-we-built-the-missing-bridge-from-code-to-figma

My opinion: AI shouldn't just generate more code—it should eliminate repetitive workflows between designers and developers. For mature products, production code should increasingly become the source of truth.

Curious how others see this.

If your design system and production code drift apart, which should be considered the canonical version?

Top comments (0)