Automate the distribution

of your design tokens -

your team will love it.

Automate the distribution

of your design tokens -

your team will love it.

Automate the distribution

of your design tokens -

your team will love it.

Automate the distribution

of your design tokens -

your team will love it.

Whether Design Tokens or Variables, enhance your design system by creating your own source of truth and improve collaboration between design and development. Let's start reducing manual work and increasing quality. What's not to like?

Whether Design Tokens or Variables, enhance your design system by creating your own source of truth and improve collaboration between design and development. Let's start reducing manual work and increasing quality. What's not to like?

Whether Design Tokens or Variables, enhance your design system by creating your own source of truth and improve collaboration between design and development. Let's start reducing manual work and increasing quality. What's not to like?

Whether Design Tokens or Variables, enhance your design system by creating your own source of truth and improve collaboration between design and development. Let's start reducing manual work and increasing quality. What's not to like?

Specify is loved by

  • Pitch logo
    Dashlane logo
    Epic Games logo
    Census logo
    Ruter logo
    Carrefour logo
    Dept logo
    Comcast Business logo
    In The Pocket logo
    Make Music logo
    Pelo Studio logo
    Basket logo
    Dana logo
    Autodoc logo

Specify is loved by

  • Pitch logo
    Dashlane logo
    Epic Games logo
    Census logo
    Ruter logo
    Carrefour logo
    Dept logo
    Comcast Business logo
    In The Pocket logo
    Make Music logo
    Pelo Studio logo
    Basket logo
    Dana logo
    Autodoc logo

Specify is loved by

  • Pitch logo
    Dashlane logo
    Epic Games logo
    Census logo
    Ruter logo
    Carrefour logo
    Dept logo
    Comcast Business logo
    In The Pocket logo
    Make Music logo
    Pelo Studio logo
    Basket logo
    Dana logo
    Autodoc logo

Specify is loved by

  • Pitch logo
    Dashlane logo
    Epic Games logo
    Census logo
    Ruter logo
    Carrefour logo
    Dept logo
    Comcast Business logo
    In The Pocket logo
    Make Music logo
    Pelo Studio logo
    Basket logo
    Dana logo
    Autodoc logo

Improve your Continuous
Design Data workflow

Specify helps you gain control of your design system across teams and products.

Collect

Easily connect all your favorite tools to Specify to create a fully networked design system. Collect tokens from Figma Local Styles, Variables and Tokens Studio.

Store

Create a single source of truth for your design tokens and assets and start building brand consistency.

Distribute

Quickly build a custom delivery pipeline that adapts to your technology, framework, and platform — automatically.

Improve your Continuous
Design Data workflow

Specify helps you gain control of your design system across teams and products.

Collect

Easily connect all your favorite tools to Specify to create a fully networked design system. Collect tokens from Figma Local Styles, Variables and Tokens Studio.

Play

Store

Create a single source of truth for your design tokens and assets and start building brand consistency.

Play

Distribute

Quickly build a custom delivery pipeline that adapts to your technology, framework, and platform — automatically.

Play

Improve your Continuous
Design Data workflow

Specify helps you gain control of your design system across teams and products.

Collect

Easily connect all your favorite tools to Specify to create a fully networked design system. Collect tokens from Figma Local Styles, Variables and Tokens Studio.

Play

Store

Create a single source of truth for your design tokens and assets and start building brand consistency.

Play

Distribute

Quickly build a custom delivery pipeline that adapts to your technology, framework, and platform — automatically.

Play

  • Integrated apps

    Roy Van Rooijen

    Product designer

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

  • Integrated apps

    Jeremy Dahan

    Design System Designer

    "Specify brought us confidence and ease of mind. Before, we used to be cautious and hesitant before updating our design tokens. We're now confident about updating a token, rolling back to a previous version, or even trying new ones."

  • Integrated apps

    Andrew Smith

    Head of Design Systems

    "Thanks to Specify, the mindset of the whole team has evolved, and it's really changed how everybody thinks about how they approach component design and development."

  • "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

    Roy Van Rooijen

    Product designer

  • "QA used to take a lot of time between deploying in different environments, checking names and values, and deploying in production. Now we can use this time for other tasks with more business value and are more enjoyable."

    Jeremy Dahan

    Design System Designer

  • "Thanks to Specify, the mindset of the whole team has evolved, and it's really changed how everybody thinks about how they approach component design and development."

    Andrew Smith

    Head of Design Systems

  • Integrated apps

    Roy Van Rooijen

    Product designer

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

  • Integrated apps

    Jeremy Dahan

    Design System Designer

    "Specify brought us confidence and ease of mind. Before, we used to be cautious and hesitant before updating our design tokens. We're now confident about updating a token, rolling back to a previous version, or even trying new ones."

  • Integrated apps

    Andrew Smith

    Head of Design Systems

    "Thanks to Specify, the mindset of the whole team has evolved, and it's really changed how everybody thinks about how they approach component design and development."

Customize Specify to your needs

Specify is made to fit your workflow, you are in control.

Connect your apps

Specify is natively compatible with Figma, GitHub, Notion, Raycast, and many more to come. Our REST API and CLI help you to connect even more.

Distribute

Extract from Figma or JSON files and sync to Git repositories, Notion, Raycast, npm, and many more.

Collaborate

Both the designer’s and developer’s needs are important to Specify. Creating autonomously but together.

Automate

Automatically sync, convert, and optimize your design tokens and bitmaps, vectors, and font files.

Control

Take advantage of our open source parsers to transform your design tokens and assets for all your platforms. You have full control over your design data.

Customize

Pull design tokens and assets in JSON or configure Specify to transform them to any output format. Suitable for all your platforms.

Open-source

Use our open source parsers, improve them or even create your own private parsers. Our growing community is here to help you.

Trusted by product teams

Book your demo and start automating the distribution of your design — your team will love it.

  • Pitch logo

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

    Roy Van Rooijen

    Roy Van Rooijen

    Product Designer

    Strapi logo

    "We sync our design tokens and icons to our tools with Specify, and it gives our design and engineering teams peace of mind!”

    Hicham El Abbassi

    Hicham El Abbassi

    Front-End Developer

    In the Pocket logo

    "Specify helps our designers keep their assets and design decisions in sync with the actual code, avoiding extra development effort and making design implementation much more flexible.”

    Niels Boey

    Niels Boey

    Product Designer

    Makemusic logo

    "Specify is the missing link between our design and engineering teams. It definitely helped us integrate design tokens in an automated way very quickly and seamlessly into our codebase.”

    Gabriel Cousin

    Gabriel Cousin

    Front-end Developer

    Pelo Studio logo

    "Specify is the perfect addition to our front-end boilerplate. Tokens, assets, fonts: everything comes straight out from Figma. Less configuration, more creative development. Our team loves it!”

    Alexis Oney

    Alexis Oney

    Lead Developer

Trusted by product teams

Book your demo and start automating the distribution of your design — your team will love it.

  • Pitch logo

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

    Roy Van Rooijen

    Roy Van Rooijen

    Product Designer

  • Makemusic logo

    "Specify is the missing link between our design and engineering teams. It definitely helped us integrate design tokens in an automated way very quickly and seamlessly into our codebase.”

    Gabriel Cousin

    Gabriel Cousin

    Front-end Developer

  • Pelo Studio logo

    "Specify is the perfect addition to our front-end boilerplate. Tokens, assets, fonts: everything comes straight out from Figma. Less configuration, more creative development. Our team loves it!”

    Alexis Oney

    Alexis Oney

    Lead Developer

  • In the Pocket logo

    "Specify helps our designers keep their assets and design decisions in sync with the actual code, avoiding extra development effort and making design implementation much more flexible.”

    Niels Boey

    Niels Boey

    Product Designer

  • Strapi logo

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

    Hicham El Abbassi

    Hicham El Abbassi

    Front-End Developer

Trusted by product teams

Book your demo and start automating the distribution of your design — your team will love it.

  • Pitch logo

    "The automation from design to code with Specify is incredibly powerful. The ability to reference the same tokens and assets in Figma — and in our codebase — saves us an incredible amount of time, while reducing manual, error-prone work.”

    Roy Van Rooijen

    Roy Van Rooijen

    Product Designer

    Strapi logo

    "We sync our design tokens and icons to our tools with Specify, and it gives our design and engineering teams peace of mind!”

    Hicham El Abbassi

    Hicham El Abbassi

    Front-End Developer

    In the Pocket logo

    "Specify helps our designers keep their assets and design decisions in sync with the actual code, avoiding extra development effort and making design implementation much more flexible.”

    Niels Boey

    Niels Boey

    Product Designer

    Makemusic logo

    "Specify is the missing link between our design and engineering teams. It definitely helped us integrate design tokens in an automated way very quickly and seamlessly into our codebase.”

    Gabriel Cousin

    Gabriel Cousin

    Front-end Developer

    Pelo Studio logo

    "Specify is the perfect addition to our front-end boilerplate. Tokens, assets, fonts: everything comes straight out from Figma. Less configuration, more creative development. Our team loves it!”

    Alexis Oney

    Alexis Oney

    Lead Developer

Design tokens are the heart of your design system

Design tokens and assets

Specify supports colors, text styles, shadows, dimensions, bitmaps, vectors, font files, and many more. All of them are automatically synced and updated.

  • Color

    Font

    aA

    Inter Regular

    aA

    Inter Medium

    aA

    Inter SemiBold

    Spacing

    1

    2

    3

    4

    5

    6

    4

    8

    16

    24

    40

    64

    Vector

    Text Styles

    H1

    Heading 1

    H2

    Heading 2

    H3

    Subtitle

    Color

    Shadow

    S

    M

    L

    Text Styles

    P

    Body XL - Regular

    P

    Body M - Regular

    P

    Body S - Regular

Export production-ready code

Use our templates to generate design tokens for any platform, ranging from CSS, Tailwind, React to React Native, Flutter, Style Dictionary and more.

Output

CSS

React

Tailwind

SCSS

01

02

03

04

05

06

07

08

09

10

11
12

13

14
15

16

17

18

19

20

21

22

23

24

:root {
/* COLOR */
--black: rgb(30, 33, 43);
--blue: rgb(87, 124, 254);
--green: rgb(88, 205, 82);
--grey: rgb(204, 213, 225);
--orange: rgb(255, 142, 5);
--red: rgb(245, 72, 63);
--white: rgb(255, 255, 255);
}

Start automating your design system today