Code Layers

Code Layers is a Figma code-on-canvas feature/tool for bringing live, interactive code into Figma Design. Users can add a code layer from the toolbar, create one from an existing frame, generate one with the Figma agent, import a GitHub repository or local folder, bring code from Figma Make onto the canvas, compare and iterate on code-backed directions in shared files, and extract code states back into editable Figma design layers.