Eo_design Tokens
Figma design tokens JSON files for Tailwind CSS and Daisy UI (light and dark themes) with the Tokens Studio for Figma plugin.
Overview:
This repository contains the files with the configuration of the Design Tokens for TailwindCSS and DaisyUI that can be used with Tokens Studio for Figma (Figma Tokens). Design Tokens are a way of abstracting design values into reusable, single sources of truth represented as data, that ensure systematically unified and cohesive product experiences.
Features:
- Design Tokens for TailwindCSS: includes spacing, typography, color, sizing, border radius, border width, border, opacity, box shadow, font family, and font weight.
- Design Tokens for DaisyUI: includes design tokens for DaisyUI with variables for the default light and dark themes.
Summary:
This repository provides Design Tokens for TailwindCSS and DaisyUI that can be used with Tokens Studio for Figma. Design Tokens allow for the abstraction of design values into reusable sources of truth, resulting in a unified and consistent design system. The repository includes files for various design elements such as spacing, typography, color, sizing, and more. To use these tokens, the Tokens Studio for Figma plugin must be installed in your Figma account.
- Figma
Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.