← Back to the issue
01 Figma · 15 October 2026 ([figma.com](https://www.figma.com/blog/build-by-design/?utm_source=openai))

Figma makes code a design material

Code layers move into open beta, bringing working prototypes, existing codebases, and live websites onto the Figma canvas.

Start with a visual frame
Turn an existing design into a working code layer.
Compare directions
Keep coded variations side by side on the canvas.
Refine with judgment
Use prompts for iteration, then edit or annotate manually.

The Story

Figma’s code layers are now rolling out in open beta, letting teams bring designs, GitHub repositories, local folders, and live websites into a shared canvas. The important shift is not simply design-to-code automation; it is making functional behaviour visible during exploration.

For a multidisciplinary studio, this shortens the distance between visual direction and product reality. A landing page, interaction pattern, or editorial prototype can be tested as something that moves and responds—not just as a polished still.

The useful constraint: treat generated code as an exploratory material, not as a final engineering decision. Studio Wensday could use this to make stronger creative arguments earlier, while preserving a deliberate handoff once the direction earns its place.

Studio Wensday Angle

Design and code are becoming one creative conversation.