Landing Page
Specify
Landing Page
Marketing
&& Specify Solutions Y Resources Sign in
Introducing our
Automate the distribution
of your design tokens -
your team \
Enhance your design system by creating your own source of truth, improve
collaboration between design and development and reduce manual work.
© Watch video
@specifyapp / light-theme Send feedback C0} v
Sources
Color(45) 9 SD Synetokens Sources (1) ACTIVE
@_ Destinations
NAME PREVIEW ALU ADDED LAST UPDATED
© Settings
background-neutral-default rgba(226, 220, 253, 1) Jun 10, 2023 ago
N TOKEN
Color background-neutral-inverse rgba(226, 220, 253, Jun 10, 2023 1min ago
Border
border-neutral-highEmphasis rgba(226, 220, 253, Jun 10, 2023 1 min ago
Shadow
Text style border-neutral-lowEmphasis rgba(226, 220, 253, 1 min ago
Add token category
border-neutral-transparent rgba(226, 220, 253, 1 min ago
border-purple-highEmphasis rgba(226, 220, 253, Jun 10, 2023 ago
| Bitmap
YY Vector surface-neutral-default rgba(226, , 7 1 min ago
Font
surface-neutral-intermediate , 220, 253, 1 min ago
surface-neutral-attenuated rgba(226, i Jun 10, 2023 1min ago
surface-neutral-inverse , 220, 253, Jun 10, 2023 1 min ago
Specify is loved by
ee. Carrefour (@@ tandem
Improve your Continuous
Design Data workflow
Specify helps you gain control of your design system across
teams and products.
Read vision
SOURCE
F Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
Marketing website
® Basket
Y Collect @ Store y Distribute
Easily connect all your favorite tools to Create a single source of truth for your Quickly build a custom delivery pipeline
Specify to create a fully networked design tokens and assets and start that adapts to your technology,
design system. building brand consistency. framework, and platform — automatically.
Choose a destination
© Select GitHub account
Choose a GitHub repository
Our GitHub integration synchronizes your design tokens and assetqpetween your Specify and
your GitHub repositories. Every changes detected in your Specify will automatically
create a pull request in your GitHub repository.
Available repositories
Our integration synchronizes your design tokens and your specily and
your GitHub repositories. Every changes detected in your Specify itory will automatically
create a pull request in your GitHub repository.
Select the GitHub repository in which you want to distribute your design data
Available repositories
Please select Reload list
@ Missing a repository?
Don't find the repository you are looking for? Check your permissions on GitHub 7
Roy Van Rooijen
Product designer
Pitch
"The automation from design to code with
Specify is incredibly powerful. The ability to
reference the same tokens and assets in
INTEGRATED APPS
6000
Figma — and in our codebase — saves us an
incredible amount of time, while reducing
manual, error-prone work.”
Case study (>)
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.
r
bh
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.
Parsers
Specify’s open source parsers help you generate
design tokens and assets that match your
company standards.
Sen ey
kecasify T camelcasify T pascalcasify
© px-to-rem © filter © round-r
variables to-jss svgo ~
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 & Community driven
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
Pelo,
estudio
"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!”
design — your team will love it.
Any question? Contact us
Wl makemusic
"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.”
4a strapi
“We sync our design tokens @
our tools with Specify, and it
design and engineering tear
mind!”
Alexis Oney Gabriel Cousin
Hicham El Abbassi
Front-End Develo
Lead Developer Front-end Devel
Design tokens are the heart
of your design system
gt et eee pet www tweety
Specify supports colors, text styles, shadows,
dimensions, bitmaps, vectors, font files, and
many more. All of them are automatically synced
and updated.
View documentation ©
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 :root {
02. /* COLOR */
--black:
aa Inter Regular
aA Inter Medium
aa Inter SemiBold
Start automating your
design system today.
& Specify Product Resources Company Community
Documentation Templates Press kit Discord
Changelog Guide Climate Twitter
Pricing Blog Jobs GitHub
Parsers Customers Privacy policy Dribbble
Notion Help Center Terms of use
SDTF Security
Launch Week Contact us
Feedback
©2023 Specify : All rights reserved.