OpenAI · Agent Skill

figma-code-connect-components

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…

Published by OpenAI349 lines in SKILL.md
Source
openai/skills/skills/.curated/figma-code-connect-components
Repository owner
openai

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/openai/skills.git /tmp/skills
cd /tmp/skills && git sparse-checkout set "skills/.curated/figma-code-connect-components"
mkdir -p ~/.claude/skills && cp -r "skills/.curated/figma-code-connect-components" ~/.claude/skills/figma-code-connect-components

Skills folder docs:

Claude CodeCodexGemini CLIOpenCodeCursorGitHub CopilotgooseOpenHandsAmpFactory DroidJunieKiroRoo CodeMistral VibepiHermes AgentOpenClawLetta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from OpenAI

aspnet-corechatgpt-appscli-creatorcloudflare-deploydefine-goalfigmafigma-create-design-system-rulesfigma-create-new-filefigma-generate-designfigma-generate-libraryfigma-implement-designfigma-use

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.