AI & Agentslow risk
figma-code-connect-components
Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.
nexu-io/open-design·skills/figma-code-connect-components/SKILL.md
59/ 100推薦值
匯入這個 Skill
選擇你的 coding agent，複製專案級或個人級安裝指令。
匯入目前專案.agents/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a codex -y匯入個人環境~/.agents/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a codex -g -y匯入目前專案.claude/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a claude-code -y匯入個人環境~/.claude/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a claude-code -g -y匯入目前專案.agents/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a github-copilot -y匯入個人環境~/.copilot/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a github-copilot -g -y匯入目前專案.agents/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a cursor -y匯入個人環境~/.cursor/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a cursor -g -y匯入目前專案.agents/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a gemini-cli -y匯入個人環境~/.gemini/skills/figma-code-connect-components
npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-code-connect-components -a gemini-cli -g -yNative Gemini CLI
gemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path skills/figma-code-connect-components⚠ 安裝指令使用開源 skills CLI。執行前請檢查來源、腳本與權限。
Skill 指令
在 GitHub 查看原始檔案 ↗# 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 - Upstream: https://github.com/figma/skills - Category: `figma` ## 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: ```bash # 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.