specify pull --config-path ".specifyrc.js"
Distribute your design tokens and assets with CSS Custom Properties
This template is dedicated for Web developers using CSS. It helps you generate all types of design tokens as CSS Custom Properties in their respective CSS file. It optimizes your icons with SVGO and your font files in modern font formats.
Your configuration file, what Specify follows as rules to extract your design tokens and assets and create the corresponding files and variables.
Your files and variables created by Specify, with the name, case and format you indicated inside your configuration file.
Browse other templates
Whether you’re using SASS, Tailwind, iOS or Android, there’s a Specify template ready to help you kickstart your product.
Generate design tokens compatible with theme-ui, icons as JSX components and font files in modern formats.
Generate design tokens as SCSS variables, optimize icons with SVGO and generate font files in modern formats.
Generate design tokens compatible with Tailwind, optimize icons with SVGO and generate font files in modern formats.
Frequently Asked Questions
Can’t find the answer here? Visit our Help Center.
Resources to help you get started
Find here all resources that help you use configuration files, undertstand Design Data Platforms and design tokens.
Introduction to design tokens, by Louis Chenais ↗︎
Learn about what design tokens are and how they can help you scale your branding with confidence.
Figma Template: Design tokens and assets ↗︎
This Figma template helps you index your design tokens and assets compatible with Specify.
Design Data Platforms 101 ↗︎
Everything you need to know to scale your brand with confidence and get started with Specify: the world's first Design Data Platform.
Specify Documentation ↗︎
Learn how to integrate Specify in your workflow.