figma-code-workflows
A Figma-published agent skill for bringing local HTML or project files into Figma through the Figma MCP server.
What the skill teaches
A Figma-published agent skill for bringing local HTML or project files into Figma through the Figma MCP server. It asks the agent to decide whether the result should be editable design frames, a Code Layer that can run inside Figma, or a separate Code (Make) file, and to follow the step-by-step instructions the server returns while preparing, uploading and checking the import. It also covers fixing previews after an import. The skill only applies when the user clearly names one of those outputs or gives a Figma file as the destination. Figma labels its skills as a beta feature.
Capabilities
- Import local HTML or project files into a Figma file
- Choose between editable design frames, Code Layers or a standalone Code file
- Repair previews of imported code in Figma
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Figma | |
| Publisher | Figma | source |
| Official status | OfficialFigma help article 'Figma skills for MCP' links this skill's SKILL.md | source |
| Status | Beta | source |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | No | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | No licence stated | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 9, 20262,168 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
More from Figma
1 server · 18 skills
- Figma MCP Server (MCP server)
- figma-code-connect (Skill)
- figma-create-new-file (Skill)
- figma-design-to-code (Skill)
- figma-generate-design (Skill)
- figma-generate-diagram (Skill)
Badge for your README
Maintain this project? Add a badge that links to this page.
[](https://kitbay.app/skills/figma-figma-code-workflows-mcp-server-guide/)
Sources
- Skill file (SKILL.md)github.com/figma/mcp-server-guideNov 10, 2026
- Web pagehelp.figma.com · Backs: Official statusNov 12, 2026
- GitHub repositorygithub.com/figma/mcp-server-guide · Backs: Publisher, Activity, LicenceNov 10, 2026
- Folder in the repository (figma-code-workflows)github.com/figma/mcp-server-guide · Backs: Includes scriptsNov 10, 2026
- README (README.md)github.com/figma/mcp-server-guide · Backs: StatusNov 12, 2026