Expo To Figma
Converts Expo project files into Figma designs, streamlining UI/UX handoff and visual development workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add expo-to-figma npx -- -y @trustedskills/expo-to-figma
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"expo-to-figma": {
"command": "npx",
"args": [
"-y",
"@trustedskills/expo-to-figma"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill converts Expo projects into Figma files. It automatically generates a visual representation of your app's screens and components within Figma, streamlining design handoff and collaboration. The resulting Figma file includes layers corresponding to the Expo project’s structure, making it easy for designers to understand and modify the application's UI.
When to use it
- Design Handoff: Quickly create a Figma representation of an existing Expo app for your design team.
- UI Exploration: Generate a visual starting point in Figma based on an Expo project, allowing for rapid prototyping and experimentation.
- Documentation: Create a living document of the application's UI within Figma to share with stakeholders or as part of onboarding new developers.
- Reverse Engineering: Understand the structure of an existing app by converting it into a visual Figma representation.
Key capabilities
- Converts Expo projects to Figma files.
- Generates layers corresponding to project structure.
- Facilitates design handoff and collaboration.
Example prompts
- "Convert my Expo project located at [project URL] to a Figma file."
- "Create a Figma representation of the UI for my Expo app."
- “Export the screens from this Expo project as Figma components.”
Tips & gotchas
The skill requires access to your Expo project's code repository. Ensure that the AI agent has appropriate permissions to read and process the project files.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.