Eo_design Tokens screenshot

Eo_design Tokens

Author Avatar Theme by Ernestoruperez
Updated: 21 Feb 2023
29 Stars

Figma design tokens JSON files for Tailwind CSS and Daisy UI (light and dark themes) with the Tokens Studio for Figma plugin.

Categories

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.

Installation:

To use these Design Tokens, you need to have the Tokens Studio for Figma (Figma Tokens) plugin installed in your Figma account. Once installed, you can import the JSON files into your Tokens Studio and use them to create your design system.

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.