0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Figr Identity

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

by figr.design

users
136K
likes
4.2K
saves
25K
comments
90
FreeWorks inFigma Design
Price
Free
Latest version
v66 · Feb 11, 2025
First published
Mar 16, 2024
Publisher
figr.design
Features

What Figr Identity does

Summarised from figr.design's description on the Figma Community.

  • Figr’s design system experience has moved to our webapp

    Figr AI is now the best place to create, organise, and use your design system.

  • With the plugin, you can

    - Create colour, typography, spacing, radius, stroke, effect, and grid tokens

On this page
Overview

About Figr Identity

Figr Identity is a free Figma plugin published by figr.design in 2024. It works in Figma Design and has 135,687 users and 4,216 likes on the Figma Community. It ranks #5 in Design Systems and #13 in AI on our lists.

In the developer's words

Figr’s design system experience has moved to our webapp

Figr 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 Video

Starting 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 Docs

About the Figr Identity plugin

Due 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 AI

We recommend using Figr AI for the full design system experience

Need help?

Read the Figr AI Docs, join our Slack community, or email hi@figr.design

X | LinkedIn | Instagram

Changelog

What's new

Version 66 · released Feb 11, 2025

  • fix: bug fix
Trust

Permissions and privacy

Network access

Figr Identity can only connect to the 27 domains declared in its manifest: plugin-identity.figr.design, api-prod-construct.figr.design, api-staging-identity.figr.design, lively-pavlova-20e008.netlify.app/, dev.d1avmol2x9v0ml.amplifyapp.com, gentle-licorice-9d033d.netlify.app/, accounts.google.com, wss://api-staging-identity.figr.design, staging-identity.figr.design/, www.clarity.ms, api-identity.figr.design, wss://api-identity.figr.design, fonts.googleapis.com, fonts.gstatic.com/, figr.design/, identity.figr.design/, testing-identity.figr.design/, pricing.identity.figr.design/, images.unsplash.com/, api.figma.com, mixpanel.figr.design, hooks.slack.com, d3os49tc9jbj3a.cloudfront.net/, glantz.net/wp-content/uploads/2022/09/fde0c39f-a20e-4ed7-829a-660ca09377ea_450x226-1.gif, app.chatwoot.com, lh3.googleusercontent.com and r.clarity.ms/collect.

  • plugin-identity.figr.design
  • api-prod-construct.figr.design
  • api-staging-identity.figr.design
  • lively-pavlova-20e008.netlify.app/
  • dev.d1avmol2x9v0ml.amplifyapp.com
  • gentle-licorice-9d033d.netlify.app/
  • accounts.google.com
  • wss://api-staging-identity.figr.design
  • staging-identity.figr.design/
  • www.clarity.ms
  • api-identity.figr.design
  • wss://api-identity.figr.design
  • fonts.googleapis.com
  • fonts.gstatic.com/
  • figr.design/
  • identity.figr.design/
  • testing-identity.figr.design/
  • pricing.identity.figr.design/
  • images.unsplash.com/
  • api.figma.com
  • mixpanel.figr.design
  • hooks.slack.com
  • d3os49tc9jbj3a.cloudfront.net/
  • glantz.net/wp-content/uploads/2022/09/fde0c39f-a20e-4ed7-829a-660ca09377ea_450x226-1.gif
  • app.chatwoot.com
  • lh3.googleusercontent.com
  • r.clarity.ms/collect

Extra permissions

  • Reads your team's published libraries
  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where Figr Identity ranks

Compare

Figr Identity alternatives

  1. 1

    Styler

    by Andrei Iancu

    237K users3.5KFree

    Bulk management of styles based on layer properties.

  2. 2

    Design Lint

    by Daniel Destefanis

    147K users5.8KFree

    Find and fix errors in your designs

  3. 140K users3.3KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

  4. 4

    Specs Classic

    by Directed Edges Plugins

    139K users5.6KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  5. 116K users1.3KFree

    Create the Typography Style Guide page in one shot.

  6. 6

    Automatic Style Guides

    by Jordan Geizer

    102K users2KFree

    Generate style guides

FAQ

Figr Identity FAQ

What does Figr Identity do?

Generate production-grade design systems with components, variables & style sheets setup in Figma. It's a Figma plugin by figr.design that runs in Figma Design.

Is Figr Identity free?

Yes. Figr Identity is free to install and run from the Figma Community, with no paid tier listed.

Is Figr Identity safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Figr Identity can only connect to the 27 domains declared in its manifest: plugin-identity.figr.design, api-prod-construct.figr.design, api-staging-identity.figr.design, lively-pavlova-20e008.netlify.app/, dev.d1avmol2x9v0ml.amplifyapp.com, gentle-licorice-9d033d.netlify.app/, accounts.google.com, wss://api-staging-identity.figr.design, staging-identity.figr.design/, www.clarity.ms, api-identity.figr.design, wss://api-identity.figr.design, fonts.googleapis.com, fonts.gstatic.com/, figr.design/, identity.figr.design/, testing-identity.figr.design/, pricing.identity.figr.design/, images.unsplash.com/, api.figma.com, mixpanel.figr.design, hooks.slack.com, d3os49tc9jbj3a.cloudfront.net/, glantz.net/wp-content/uploads/2022/09/fde0c39f-a20e-4ed7-829a-660ca09377ea_450x226-1.gif, app.chatwoot.com, lh3.googleusercontent.com and r.clarity.ms/collect. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Figr Identity?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Figr Identity?

By user count, the closest alternatives are Styler, Design Lint and Styles & Variables Organizer. Compare all of them on the best Figma plugins for design systems.

For developers

Built this plugin?

Use this page as a landing page for Figr Identity: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Figr Identity on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/figr-identity/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Figr Identity on figmaplugins.co" width="220" height="48"></a>