specify pull --config-path ".specifyrc.js"
Distribute your design tokens and assets with React
This template is dedicated for React developers. It helps you generate a theme containing design tokens compatible with the theme-ui specification. It optimizes your icons with SVGO and generates them as JSX components. It also generates 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.
CSS Custom Properties
Generate design tokens as CSS Custom Properties, optimize icons with SVGO and generate 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.