/TailwindCSS-XD

An extensive Adobe XD asset library for TailwindCSS.

MIT LicenseMIT

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