AI Skills
figma-code-connect-components

figma-code-connect-components

Popular

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

85Kstars
9.9Kforks
Updated 8/9/2026
Get SkillSource Code

Related Skills

opensource-pipeline240Khomelab-vlan-segmentation238Kruflo67K
SKILL.md
read-only
name
figma-code-connect-components
description

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

figma-code-connect-components

Curated from Figma's MCP server guide.

What it does

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

Source

How to use

This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

Then ask the agent to invoke this skill by name (figma-code-connect-components) or with
one of the trigger phrases listed in this skill's frontmatter.