Figr Identity - Generate Design Systems with AI
Generate production-grade design systems with components, variables & style sheets setup in Figma
Plugin Preview
About this plugin
Figr’s design system experience has moved to our webappFigr AI is now the best place to create, organise, and use your design system. Bring in what you already have or start fresh, then export to Figma or code.Already have screens or a design system?Import your Figma screens or library. Figr AI identifies your styles, tokens, components, and patterns so you can organise the system and use it while designing.Export the work back to Figma with Auto Layout, tokens, and components attached, or take it to code.Watch how it works → Walkthrough VideoStarting from scratch?Build your design system on the Figr canvas. Define the visual language, create components to use your DS to build high-fidelity designs. Then export it back to Figma or code.Try Figr AI —> figr.design📘 Read the Figr AI DocsAbout the Figr Identity pluginDue to constant changes in Figma API, some features of the plug-in may not work properly.Figr Identity still works for the basics, but new updates have moved to our web app Figr AI.With the plugin, you can:- Create colour, typography, spacing, radius, stroke, effect, and grid tokens- Apply tokens across a library of 80+ components- Preview styles and components on the Figma canvas- Turn raw values from Figma files into organised tokens- Generate documentation for styles and components- Recreate styles across different files- Generate a starting visual language and component library with AIWe recommend using Figr AI for the full design system experienceNeed help?Read the Figr AI Docs, join our Slack community, or email hi@figr.designX | LinkedIn | Instagram
Plugin Details
| Version | 68 |
|---|---|
| Created | March 16, 2024 |
| Last Updated | February 20, 2025 |
| Category | design-tools-other |
| Creator | figr.design |
| Stats | 24775 installs, 4197 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://accounts.google.com
- https://api-identity.figr.design
- https://api-nexus.figr.design/
- https://api-prod-construct.figr.design
- https://api-staging-identity.figr.design
- https://api.figma.com
- https://app.chatwoot.com
- https://d3os49tc9jbj3a.cloudfront.net/
- https://dev.d1avmol2x9v0ml.amplifyapp.com
- https://figr.design/
- https://fonts.googleapis.com
- https://fonts.gstatic.com/
- https://gentle-licorice-9d033d.netlify.app/
- https://glantz.net/wp-content/uploads/2022/09/fde0c39f-a20e-4ed7-829a-660ca09377ea_450x226-1.gif
- https://hooks.slack.com
- https://identity.figr.design/
- https://images.unsplash.com/
- https://lh3.googleusercontent.com
- https://lively-pavlova-20e008.netlify.app/
- https://mixpanel.figr.design
- https://plugin-identity.figr.design
- https://pricing.identity.figr.design/
- https://r.clarity.ms/collect
- https://staging-identity.figr.design/
- https://testing-identity.figr.design/
- https://www.clarity.ms
- wss://api-identity.figr.design
- wss://api-staging-identity.figr.design
More Like This
Discover other plugins in the design-tools-other category.