figma-code-connect-components

github:openai/skills · first seen 2026-10-30 · source · badge

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

Works with

figma-implement-design
Shares figma, desktop, designs, filekey0.58
figma-create-design-system-rules
Shares figma, component, designs, establish0.3
figma-generate-design
Shares figma, connect, published, components0.3
figma-create-new-file
Shares figma, design, parameter, important0.24
figma-generate-library
Shares figma, component, components, codebase0.2

Used with

figma-implement-design
Shares figma, desktop, designs, filekey0.58
figma-create-design-system-rules
Shares figma, component, designs, establish0.3
figma-generate-design
Shares figma, connect, published, components0.3
figma-create-new-file
Shares figma, design, parameter, important0.24
figma-generate-library
Shares figma, component, components, codebase0.2
figma
Shares figma, filekey, published, components0.19

Skill Health 100 (freshness and quality) estimated by backskills

Listed, not yet scored. This skill has no public model test yet. It is in the scoring queue; submitted skills go first, then the most-installed.

Freshness 100 · Quality 100 · Efficacy not yet tested

Version history

2026-10-30T20:36:17 · sha256 0f19edad8aed