# Code on the Figma canvas

DevFeed: [Code on the Figma canvas](<https://devfeed.tech/articles/code-on-the-figma-canvas-9569.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/code-on-the-figma-canvas/>)

Author: Nikolas Klein

Published: 2026-06-24T14:30:00Z

Content type: release

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Code](<https://devfeed.tech/topics/code.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [code](<https://devfeed.tech/tags/code.md>), [figma](<https://devfeed.tech/tags/figma.md>), [github](<https://devfeed.tech/tags/github.md>), [update](<https://devfeed.tech/tags/update.md>)

## AI overview

Figma introduces code layers in Figma Design, allowing teams to create, import, edit, compare, and refine interactive code directly on the Figma canvas. Code layers can be generated with the Figma agent or Make, connected to GitHub repositories or local folders, converted into editable Figma layers, and pushed back to a repository. The feature is rolling out in closed beta, with early access available by request.

## Source excerpt

With code layers in Figma Design, you can explore multiple directions with code, side by side with your team.