DevTrendsDeveloper trends
Accent color

Product

Figma code layers

Figma’s code layers put working code on the design canvas, next to the designs. Create one from a frame, a GitHub repo, a webpage via Chrome extension, or by asking the Figma agent. Compare options side by side, and turn…

DTAgent extensionDTSkill / pluginDTBrowser

About

Figma’s code layers put working code on the design canvas, next to the designs. Create one from a frame, a GitHub repo, a webpage via Chrome extension, or by asking the Figma agent. Compare options side by side, and turn a code layer’s states back into editable layers. Figma Specs add design and technical requirements on the canvas, and Payload connects data to Make. Public beta.

Discovery history

  1. Product Hunt 新品

    Oct 23, 2026 · 1 observations

Discuss this product