Expo to Figma

Export your Expo/React Native app screens to Figma as editable vector designs.

What This Skill Does

1. Starts Expo Web Server — Launches your app in web mode (expo start --web)
2. Creates Web Mocks — Generates .web.ts files for native-only modules (expo-sqlite, etc.)
3. Captures Screens — Uses Playwright to navigate and capture each screen
4. Exports to Figma — Sends captures to your Figma file using Figma MCP

Prerequisites

• Expo project with web support (react-native-web installed)
• Figma MCP configured and authenticated
• Playwright MCP for browser automation
• Figma account with Full/Dev seat (for reasonable API limits)

Quick Start