This file provides a set of local variables in Figma based on Tailwind CSS's default styles. It includes:
- Colors
- Spacing scale
- Breakpoints
- Font sizes
- Border radii
You can easily apply Tailwind-style designs in your Figma projects by copying this file.
Variable names closely mirror Tailwind class names for intuitive use, with minor modifications (e.g., commas instead of dots) due to Figma naming constraints. This approach enables direct use of Tailwind properties without relying on external plugins for class name extraction.
By using these variables, you can seamlessly align your Figma designs with Tailwind CSS implementations, enhancing your design-to-development workflow. The file serves as a great starting point, customizing variables as needed to meet your project's specific requirements.