specifyapp.com
Open in
urlscan Pro
13.224.189.18
Public Scan
Submitted URL: http://specifyapp.com/
Effective URL: https://specifyapp.com/
Submission: On March 03 via manual from FR — Scanned from FR
Effective URL: https://specifyapp.com/
Submission: On March 03 via manual from FR — Scanned from FR
Form analysis 0 forms found in the DOM
Text Content
Solutions
Resources
Pricing
Sign in
Start for free
Learn about the Specify Design Token Format
YOUR DESIGN TOKEN ENGINE
Flexible and powerful, Specify makes it easy to build the exact
Design Token workflow your Design System needs.
Book demo
Start for free
Specify is loved by
*
*
*
TAKING DESIGN TOKENS
TO THE NEXT LEVEL
Specify helps you gain control of your design system
across teams and products
Book demo
Read vision
Unified Design Language
Centralize tokens from Figma Styles, Figma Variables, Tokens Studio, or your own
JSON file and ensure a consistent design language across all your digital
products. Specify supports over 50 token types.
Effortless collaboration
Specify provides a collaborative space where designers can sync design tokens,
and developers can seamlessly integrate design tokens into their platform.
Customizable workflows
Tailor Specify to fit your team's unique workflow. No matter how specific your
design and development processes are, our platform adapts to your needs.
* Integrated apps
Case study
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
Case study
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
Case study
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."
* Integrated apps
Case study
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
Case study
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
Case study
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."
* Integrated apps
Case study
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
Case study
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
Case study
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."
* Integrated apps
Case study
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
Case study
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
Case study
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."
EASY SETUP AND
INSTANT OUTPUT
Nothing has been more easy for designers and more customizable for developers
Book demo
Watch video
SYNC YOUR TOKENS
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.
Discover all available apps
CUSTOMIZE OUTPUTS
Specify’s open source parsers help you generate design tokens and assets that
match your company standards.
Discover all parsers
* camelcasify
replace-string
to-css-custom-properties
omit
snakecasify
to-flutter
* camelcasify
replace-string
to-css-custom-properties
omit
snakecasify
to-flutter
* camelcasify
replace-string
to-css-custom-properties
omit
snakecasify
to-flutter
* filter
to-css-text-style
kebabcasify
convert-font
to-tailwind
prefix-by
* filter
to-css-text-style
kebabcasify
convert-font
to-tailwind
prefix-by
* filter
to-css-text-style
kebabcasify
convert-font
to-tailwind
prefix-by
* to-dsp
round-number
to-react-native
pascalcasify
px-to-rem
* to-dsp
round-number
to-react-native
pascalcasify
px-to-rem
* to-dsp
round-number
to-react-native
pascalcasify
px-to-rem
* to-dsp
round-number
to-react-native
pascalcasify
px-to-rem
* to-css-font-import
svgo
svg-to-jsx
sort-by
to-typescript-definition
* to-css-font-import
svgo
svg-to-jsx
sort-by
to-typescript-definition
* to-css-font-import
svgo
svg-to-jsx
sort-by
to-typescript-definition
Stay flexible
Sync tokens from multiple sources to one repository, extract them in any
structure using our SDK, GitHub integration, or CLI. We got you covered once you
want to scale.
Reduce error margins
Collaboration has never been easier, resulting in less errors and redundant
meetings. Any change made is easily transferred and communicated with other
teams.
Automate
Automatically sync, convert, and optimize your design tokens and vectors. Set up
automated pull request with our Github integration.
Save time
Set up once, get benefits instantly. We guarantee time savings for you design
and development teams while you keep doing what you’re good at and what you
enjoy.
Prioritize quality
When you’re able to put quality above anything else, it means your processes are
well adopted. We can help you to prioritize the quality of your digital
products.
Get the support you need
We're here to help you to get the output you need. Feel free to challenge us if
you think your output is not possible to generate! Read more here.
TRUSTED BY PRODUCT TEAMS
Book your demo and start automating the distribution of your design — your team
will love it.
Book demo
Get started with Specify
* "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
* "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
* "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.
View documentation
* 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
* 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
* 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.
Discover our templates
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
Book demo
SOC 2 Type II Certified
Product
Documentation
Changelog
Pricing
Parsers
SDTF
NEW
NEW
Use Cases
Launch Week
Feedback
Resources
Guide
Blog
Customers
Help Center
Company
Press kit
Climate
Jobs
Contact us
Community
Discord
Twitter
GitHub
Dribbble
Privacy policy
Terms of use
Security
©2024 Specify · All rights reserved.