- JSON:
specify pull - JavaScript:
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.
Share
Input
Your configuration file, what Specify follows as rules to extract your design tokens and assets and create the corresponding files and variables.
Output
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.
SCSS Variables
Generate design tokens as SCSS variables, optimize icons with SVGO and generate font files in modern formats.
Tailwind
Generate design tokens compatible with Tailwind, optimize icons with SVGO and generate font files in modern formats.
Resources to help you get started
Find here all resources that help you use configuration files, undertstand Design Data Platforms and design tokens.
Article
Introduction to design tokens, by Louis Chenais ↗︎
Learn about what design tokens are and how they can help you scale your branding with confidence.
Template
Figma Template: Design tokens and assets ↗︎
This Figma template helps you index your design tokens and assets compatible with Specify.
Guide
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.
Template
Specify Documentation ↗︎
Learn how to integrate Specify in your workflow.
Your brand.
Your products.
Always in sync.
Meet the design data platform you ever dreamt of.