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?
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
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.”
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."
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."
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.”
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."
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."
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.”
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."
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."
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.”
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."
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
"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
"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
"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
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.”
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."
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."
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.”
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."
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."
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.”
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."
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."
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.”
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."
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.
Parsers
Specify’s open source parsers help you generate design tokens and assets that match your company standards.
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.
"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
"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
Front-End Developer
"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
Product Designer
"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
Front-end Developer
"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
Lead Developer
Trusted by product teams
Book your demo and start automating the distribution of your design — your team will love it.
"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
"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
Front-end Developer
"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
Lead Developer
"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
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.”
Hicham El Abbassi
Front-End Developer
"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
"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
Front-end Developer
"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
Lead Developer
"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
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.”
Hicham El Abbassi
Front-End Developer
"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
"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
Front-end Developer
"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
Lead Developer
"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
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.”
Hicham El Abbassi
Front-End Developer
"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
"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
Front-end Developer
"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
Lead Developer
"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
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.”
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.
"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
"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
Front-End Developer
"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
Product Designer
"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
Front-end Developer
"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
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);
}