figma/mcp-server-guide · Official
figma-code-workflows
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and repair imported previews. Use only when the user explicitly names editable Design layers, a runnable Code Layer, or a standalone Code/Make file, or supplies a Figma file key/link as the import destination. Generic code or code-component requests need output clarification before using this workflow.
Installation
npx skills add https://github.com/figma/mcp-server-guide
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
11.9K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
4.7K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
1.7K installsPostgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …
1.4K installsArchitect and provision enterprise Azure infrastructure from workload descriptions. For cloud a…
1.5K installs>- Guides and best practices for working with Lakebase Postgres, the database behind Neon. Cove…
3.2K installsAlso in this package
Other skills from figma/mcp-server-guide · top by installs.
npx skills add figma/mcp-server-guide
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Repository health
main