Fermain / -mollify

9 stars 9 forks source link

Skeleton Design Tokens #161

Open Christonn93 opened 10 months ago

Christonn93 commented 10 months ago

Design Tokens - Skeleton To better understand the Design tokens, we need to step out from skeleton and have a deep dive into Tailwind.

Skeleton utilizes a simple but powerful design token system to implement theme settings in elements and components, this design token system is actually part of Tailwind.

Based on my knowledge of the project so far, I'm not so sure how this could be implemented into the current stage of the project.

I found some useful pages regarding this topic

  1. Integrating Design Tokens With Tailwind - post
  2. Adding Custom Styles - post
  3. Translating a Custom Design System to Tailwind CSS - video
  4. Exporting Design Tokens From Figma With Style Dictionary - post
  5. Consuming Design Tokens From Style Dictionary Across Platform-Specific Applications - post
  6. Figma design system built for integration with Tailwind CSS - post/vid
Christonn93 commented 10 months ago

@Fermain @ShaindalDev

Here is what i have found out so far regarding Design Tokens.