Use Figma in your Crisp app.
Read files, components and comments.
Read the layers and styles of a Figma file, export frames as images, and list comments from the app. Your personal access token gives the app the files you can open.
What you need.
Sign in with your Figma account in a new window and choose what your app may do. Crisp keeps the sign-in and hands your app a fresh token whenever it needs one, so no key is ever pasted or stored in your app.
- Read the layers, styles and components of your files always
- Read comments on your files
- Post comments on your files
Prefer a key from your Figma account? Paste it instead:
- Personal access token
FIGMA_ACCESS_TOKEN- figma.com, Settings, Security, Personal access tokens. Starts with figd_
How to connect.
-
Open your project, or start a new one from the dashboard.
-
Open the workspace menu and choose Connectors, then pick Figma.
-
Choose what your app may do and press Connect. You approve it with Figma in a new window, and your app can use the service from then on.
Then ask for the feature
- “Show the frames of my Figma file as a gallery”
- “List design tokens from my Figma styles”
What happens to your keys.
- Each key is saved as a private setting of your project, under the name shown above.
- The AI that builds your app sees only the names. It writes code that reads each key by name, and never the value.
- The values reach your preview and your published app, and never the chat, the code or the logs.
- Open Connectors in your project to replace a key or disconnect the service. Publish again so your live app uses the change.
Service names and logos belong to their owners; Crisp is not affiliated with them. A service changes its keys and pages now and then. Found something out of date? Tell us and we will correct it.
Ask for the feature, and Crisp builds it with Figma.
Free plan with $3 of AI usage a month, no credit card. Pro is $20 a month. See pricing.
No credit card. Your code and data stay yours.