Design together with code layers on the canvas

This post introduces and details the integration of 'code layers' into the Figma Make Visual Editor. It describes how users can import existing prototyping codebases from GitHub or local folders, and capture live web experiences using a Chrome extension, directly onto the Figma canvas. It highlights the ability to use the Figma agent to refine these code layers via prompts, extract designs from code layers into editable Figma frames, and merge ideas from different prototype versions. The post also mentions the ability to push updated code to branches for team review and collaboration.