Skill

Figma Code Connect

Skill

Connect the component in Figma to the one in the repo.

Official Code Connect skill. The mapping that stops the agent inventing a new Button.

spec·Apache-2.0·Updated this quarter·github.com/figma/skills

Claude CodeCursorDesktop
Scanned
npx skills add figma/figma-code-connect-components

By Figma

Input

A design system in Figma and in code.

Output

A Code Connect mapping.

figma-code-connect.skill/invoke

You say

Connect Button.

It returns

figma.config + Button.figma.tsx. Props mapped.

Prompt notebook

Prompts this skill is built for.

  • You say

    Connect Button.

    It returns

    figma.config + Button.figma.tsx. Props mapped.

  • You say

    Why is the agent still inventing a Button?

    It returns

    No Code Connect. Mapped now.

What it teaches

  1. 01Code Connect
  2. 02Components
  3. 03Mapping