Skip to content

design-innovations/TailwindCSS-XD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TailwindCSS 2 for Adobe XD

An asset library for TailwindCSS 2.x utilizing call default colors, grid, box shadows, spacing, and text styles. I also included a page for custom assets with some examples.

Tailwindcss 2 color palette for Adobe XD Tailwindcss 2 grid for Adobe XD Tailwindcss 2 shadows for Adobe XD Tailwindcss 2 spacing for Adobe XD Tailwindcss 2 text styles for Adobe XD

Installation

To begin with download the latest version of the Adobe XD file

When you installed the file it's time to add it to your Adobe Cloud Documents by doing following.

  1. Open the downloaded file.
  2. Goto File > Save As and select Cloud Documents in the Save to field.
  3. Rename the file.
  4. Hit that Save button and begin using it in your next Adobe XD design. (You will still need to click Link Assets in the new project and select the Tailwindcss XD file)

Author

A special thanks to Christian W. Hansen for his TailwindCSS 1.x repo. I found it after building most of this and I liked the style of it, and having the shadows done was a huge time saver.

License

This project is licensed under the MIT License - see the LICENSE file for details

About

An extensive Adobe XD asset library for TailwindCSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published