Figma Code Connect
by figmaf0493295acf5No license2K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 days ago
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/advanced-patterns.md | 9.8 KB | text/markdown |
| references/api.md | 22.8 KB | text/markdown |
| SKILL.md | 26 KB | text/markdown |
Source and attribution
Source:figma/mcp-server-guideinskills/figma-code-connectat commitf049329
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from figma/mcp-server-guide
Figma Shaders
figma
Guides authoring and updating Figma shader effects and fills through the Figma MCP server.
Figma Generative Plugins
figma
Guides authoring and updating reusable generative Figma plugins through the create and update plugin tools.
Figma Design To Code
figma
Guides an agent through implementing Figma designs as code using Figma MCP design context and screenshots.
Figma Create New File
figma
Guides creating a new Figma Design, FigJam, or Slides file through the create_new_file MCP tool.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.