Figma

6 ways teams are experimenting with code layers

Oct 24, 2026Camille Rose Shortridge
6 ways teams are experimenting with code layers
SummaryAI, from the source post

This post details how teams are experimenting with code layers to build interactive prototypes and bridge the gap between design and code. It showcases specific use cases from Superside (interactive credit card wallet with staged development and precise prompting), Dell (comparing working alternatives side-by-side using coded React components), Cox Automotive (prototyping at 10x speed with an AI agent refining an HTML prototype), Rocket Money (settling interaction details early with design system components), and Merkle (reducing handoffs and accelerating iteration). Key technical takeaways include giving code layers hard numbers for precise interactions, building in stages, describing issues with precise prompts for agent fixes, and leveraging coded components for faithful representation of shipped products.

More from the Figma Make Visual Editor trail