Coding & Refactoringlow risk

figma-generate-library

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

nexu-io/open-design·skills/figma-generate-library/SKILL.md

59/ 100推荐值

↓

导入这个 Skill

选择你的 coding agent，复制项目级或个人级安装命令。

固定到平台收录的 commit

导入当前项目.agents/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a codex -y

导入个人环境~/.agents/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a codex -g -y

手动放置目录.agents/skills/figma-generate-libraryOfficial docs ↗

导入当前项目.claude/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a claude-code -y

导入个人环境~/.claude/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a claude-code -g -y

手动放置目录.claude/skills/figma-generate-libraryOfficial docs ↗

导入当前项目.agents/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a github-copilot -y

导入个人环境~/.copilot/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a github-copilot -g -y

手动放置目录.agents/skills/figma-generate-libraryOfficial docs ↗

导入当前项目.agents/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a cursor -y

导入个人环境~/.cursor/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a cursor -g -y

手动放置目录.agents/skills/figma-generate-libraryOfficial docs ↗

导入当前项目.agents/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a gemini-cli -y

导入个人环境~/.gemini/skills/figma-generate-library

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/skills/figma-generate-library -a gemini-cli -g -y

Native Gemini CLIgemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path skills/figma-generate-library

手动放置目录.agents/skills/figma-generate-libraryOfficial docs ↗

⚠ 安装命令使用开源 skills CLI。执行前请检查来源、脚本和权限。

Skill 指令

在 GitHub 查看原始文件 ↗

# figma-generate-library

> Curated from Figma's MCP server guide.

## What it does

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

## 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-generate-library`) or with
one of the trigger phrases listed in this skill's frontmatter.