Back to Plugins
Figr Identity - Generate Design Systems with AI

Figr Identity - Generate Design Systems with AI

Generate production-grade design systems with components, variables & style sheets setup in Figma

design tokensshadow stylesgrid systemtext stylesvariablesvariable collectioncomponent libraryaidesign system kitdesign systemeffect stylescomponents

Plugin Preview

Figr Identity - Generate Design Systems with AI 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

Version68
CreatedMarch 16, 2024
Last UpdatedFebruary 20, 2025
Categorydesign-tools-other
Creatorfigr.design
Stats24775 installs, 4197 likes
PricingFree

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