figma - Figma to React Native Design Converter
Fetches design data from Figma and converts to React Native components and design tokens
Tags
Updated: 2026-03-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- fetch design data from Figma
- extract color tokens
- extract typography tokens
- extract spacing tokens
- convert components to React Native code
- export images
- generate TypeScript files
Inputs
- Figma file URL
- Figma Personal Access Token
- node ID
Outputs
- React Native component code
- design token files
- exported images
Requirements
- FIGMA_ACCESS_TOKEN environment variable
- Figma REST API
- Figma MCP Server
- Expo