Search results
46 packages found
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
![NPM version badge](https://img.shields.io/npm/v/@tokens-studio/types) ![License badge](https://img.shields.io/github/license/tokens-studio/types)
Transform design tokens from tokens-studio into tailwind classes
Custom transforms for Style-Dictionary, to work with Design Tokens that are exported from Tokens Studio
Design tokens for B.C. Design System
Figma design tokens
Single source of truth repository for Fractal (Snowball's design system) design tokens
Design tokens for B.C. Design System
Outputter for @figma-export that exports styles to style-dictionary tokens
Theemo Figma Integration
Gets styles from a figma project. Will return a typescript file with your defined styles from figma
Figma design tokens for LFVP
Turn Figma design tokens into code
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Inspired by Salesforce Theo.
A React hooks library for integrating and managing Figma Variables in your React and React-Native application.
- figma
- react
- react-native
- react-hooks
- design-system
- figma-api
- figmavars
- variables
- design-tokens
- figma-plugin
- figma-variables
- figma-integration
- style-guide
- ui-components
Compact design tokens parser
A CLI for converting Figma designs into React components with Material UI.
Figma-icons-tokens aims to import figma icons given a design tokens configuration file exposed by Tokens Studio Figma.
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Inspired by Salesforce Theo.
This program is a command-line tool for converting design tokens from a JSON file into CSS variables. It allows designers and developers to use design tokens in their front-end code, ensuring consistency and making it easier to update the design system.