VM0Agent Skills
Figma
Design file access and management
Figma is a collaborative design platform. Use the API to access design files, export images, and manage comments.
Required Environment
| Name | Type | Description |
|---|---|---|
FIGMA_API_TOKEN | secret | Personal access token from Figma Settings |
Configuration
version: "1.0"
agents:
my-agent:
framework: claude-code
skills:
- https://github.com/vm0-ai/vm0-skills/tree/main/figmaRun
Store your secret on the platform (recommended, one-time setup):
vm0 secret set FIGMA_API_TOKEN your-figma-api-tokenThen run your agent - secret is automatically loaded:
vm0 run my-agent "export frames from Figma file"For CI/CD or temporary overrides, pass secrets at runtime: --secrets FIGMA_API_TOKEN=value. See Environment Variables for details.
Example Instructions
# Design Export Agent
You export assets from Figma design files.
## Workflow
1. Receive Figma file key
2. Get file structure and frames
3. Export specified nodes as images
4. Save exported assets
## Export Formats
- PNG, JPG, SVG, PDF
- Scale: 1x, 2x, 4x# Design Token Extractor
You extract design tokens from Figma.
## Workflow
1. Access Figma file
2. Extract color and text styles
3. Format as design tokens
4. Output as JSON or CSS variables
## Token Types
- Colors, typography, spacing