{"repo":"jan-dh/sketch-tailwind","free":true,"listed":false,"github":"https://github.com/jan-dh/sketch-tailwind","clone":"git clone https://github.com/jan-dh/sketch-tailwind.git","description":"A plugin that tries to bridge the gap between designs and code. Sketch Tailwind lets you export aspects of a design made in Sketch to a javascript theme file that you can import into your TailwindCSS config","language":"CSS","stars":195,"topics":["sketch","sketch-plugin","tailwindcss","tailwind-css"],"license":"MIT","category":"ui-components","readme_excerpt":"Sketch Tailwind Note: This plugin will not be updated. I don't own a Sketch licence anymore and plugin development for Sketch is a bit of a pain tbh. Have made a Figma version of this plugin, you can find it over here. That version is still being maintained and input for new features is welcome in the repo. A plugin that tries to bridge the gap between design and code. Sketch Tailwind lets you export aspects of a design made in Sketch to a javascript theme file that can easily be used with Tailwind CSS. --- Table of Contents - Installation - Usage - Roadmap - License Installation Download the ZIP-folder. After extracting, double-click the 💎sketch-tailwind-plugin.sketchplugin file. Usage Creating your theme The plugin gets it's info from the Layer Styles and Text Styles. At this point it picks up: - colors - font-families - text-sizes Colors For the colors the plugin will look at all your Layer Styles and takes each color, using the last part of it's name (behind the last /). This way you can still organize your colors in Sketch using subfolders, while only exporting the actual color name. Within the plugin you can add some extra colors if you need to. Might add a color-picker if people would like to see that. Font-families The plugin will pick up all font-families used in your Text Layers. Text-sizes All the different font-sizes you use in your Text Styles will be picked up by the plugin. You can pick a base font-size and the rest of the font-size names are calculated accord","default_branch":null,"files":null,"tree":[],"storefront":"/r/jan-dh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jan-dh/sketch-tailwind/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}