Alanamultiskillagent
Back to skills

figma-code-connect-components

design

Maps Figma design components to their code counterparts using Figma's Code Connect feature. It scans a Figma selection for unmapped published components, searches the codebase for matching implementat

openaiopenai
|View all openai skills →

Setup & Installation

npx skills add https://github.com/openai/figma-code-connect-components --skill figma-code-connect-components
or paste the link and ask your coding assistant to install it
https://github.com/openai/figma-code-connect-components
View on GitHub

What This Skill Does

Maps Figma design components to their code counterparts using Figma's Code Connect feature. It scans a Figma selection for unmapped published components, searches the codebase for matching implementations, and creates the mappings via the Figma MCP server. Instead of manually hunting through the codebase and filling in Code Connect mappings in Figma one by one, this skill automates component discovery and batch submission in a single workflow.

When to use it

  • Working with figma code connect components functionality
  • Implementing figma code connect components features
  • Debugging figma code connect components related issues

Similar Skills

accessibility

Audits and improves web accessibility against WCAG 2.2 guidelines, covering the POUR principles (Perceivable, Operable, Understandable, Robust). Includes code patterns for ARIA usage, keyboard navigat

algorithmic-art

Generates algorithmic and generative art using p5.js. Takes a user prompt, creates a computational philosophy for it, then produces a self-contained interactive HTML artifact with seeded randomness, p

brand-guidelines

Applies Anthropic's official brand colors and typography to documents and presentations. Maps headings to Poppins, body text to Lora, and non-text shapes to the orange, blue, and green accent palette.

canvas-design

Generates original visual art and design artifacts as .png or .pdf files. Works in two stages: first defining an aesthetic philosophy (a named movement with visual principles), then expressing that ph