1
Create your Figmo account
Sign up at figmo.app — it takes under a minute. The free plan gives you one project, unlimited token syncs, and full CLI access. No credit card required.
Note:
Already have an account? Jump straight to step 2.
Quick start
Get up and running in 5 steps
From a blank Figma file to versioned tokens in your codebase — no prior setup required. This guide takes about five minutes.
2
Create a project
Inside your dashboard, click New Project, give it a name, and choose a slug. The slug becomes part of your manifest URL and npm package name — lowercase, hyphens only.
Note:
Example slug: "acme-design-system" → npm package @acme/acme-design-system.
3
Connect Figma via OAuth
In the project settings page, click "Connect Figma". You'll be redirected to Figma's OAuth screen. Approve the read-only access and you'll be sent back to Figmo with your Figma file picker open. Select the file that contains your variables and components.
Note:
Figmo only requests read-only access. It never writes to your Figma files.
4
Trigger your first build
Click "Run build" on the project overview page. Figmo will extract every variable collection and component from your Figma file, generate JSON, CSS, and TypeScript tokens, and publish them as a versioned snapshot. The first build takes 10–30 seconds depending on file size.
Note:
Subsequent builds triggered by Figma webhooks typically complete in under 5 seconds.
5
Run figmo login && figmo pull
Install the Figmo CLI, authenticate with your account, then pull your tokens directly into your codebase. The pull command writes generated files into your project under a configurable output directory.
# Install the CLI (one-time) npm install --save-dev @figmo/cli # Authenticate with your account npx figmo login # Pull the latest tokens into your project npx figmo pull
What's next?
You have a working token pipeline. Here are the best places to explore from here.