メニュー
Figma Code Connect CLI - connect design components to code, publish connections, parse Figma files. Use when user mentions 'figma', 'code connect', 'figma cli', or wants to link Figma designs to code.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
1Password CLI - manage secrets, vaults, items, inject credentials into commands. Use when user mentions '1password', 'op', 'secrets management', or wants to manage passwords and secrets via CLI.
AWS CLI - manage S3, EC2, Lambda, IAM, CloudFormation and other AWS services. Use when user mentions 'aws', 'amazon web services', 's3', 'ec2', 'lambda', or wants to interact with AWS.
Azure CLI - manage VMs, web apps, functions, storage, AKS, and other Azure services. Use when user mentions 'az', 'azure', or wants to interact with Microsoft Azure.
Clerk authentication CLI - set up auth, pull environment variables. Use when user mentions 'clerk', 'clerk auth', or wants to configure Clerk authentication.
Container platform CLI - build images, run containers, manage compose stacks, volumes, networks. Use when user mentions 'docker', 'container', 'docker compose', or wants to manage containers.
Drizzle ORM toolkit CLI - generate migrations, push schema, introspect databases, run studio. Use when user mentions 'drizzle', 'drizzle-kit', or wants to manage database schema with Drizzle ORM.
| name | figma |
| description | Figma Code Connect CLI - connect design components to code, publish connections, parse Figma files. Use when user mentions 'figma', 'code connect', 'figma cli', or wants to link Figma designs to code. |
| category | devtools |
| install_command | npm i -g @figma/code-connect |
| binary | figma |
npm i -g @figma/code-connect
Or use as a dev dependency:
npm i -D @figma/code-connect
npx figma
Set the FIGMA_ACCESS_TOKEN environment variable with a personal access token from Figma account settings.
| Command | Description |
|---|---|
figma connect | Interactive setup for Code Connect in a project |
figma connect create <figma-url> | Create a Code Connect file for a Figma component |
figma connect publish | Publish all Code Connect files to Figma |
figma connect publish --dry-run | Preview what would be published |
figma connect unpublish | Remove published Code Connect data |
| Command | Description |
|---|---|
figma connect parse | Parse Code Connect files in the project |
figma connect parse --dir <path> | Parse files in a specific directory |
| Flag | Description |
|---|---|
--dir <path> | Specify project directory |
--config <path> | Path to configuration file |
--verbose | Enable verbose output |