# Behind the scenes of creating the official Figma kit for Tailwind UI

DevFeed: [Behind the scenes of creating the official Figma kit for Tailwind UI](<https://devfeed.tech/articles/behind-the-scenes-of-creating-the-official-figma-kit-for-tailwind-ui-9531.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/behind-the-scenes-of-creating-the-official-figma-kit-for-tailwind-ui/>)

Author: David Luhr

Published: 2021-03-30T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [design-systems](<https://devfeed.tech/tags/design-systems.md>), [figma](<https://devfeed.tech/tags/figma.md>), [html](<https://devfeed.tech/tags/html.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [ui](<https://devfeed.tech/tags/ui.md>), [usability](<https://devfeed.tech/tags/usability.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

Tailwind Labs describes how it created the official Figma kit for Tailwind UI, including the organization of more than 1,400 components and 10,000 elements. The article discusses customer feedback, responsive components, consistent naming, usability, and using the final code product as a pixel-perfect standard for the design files.

## Source excerpt

How the team at Tailwind Labs created a set of fully responsive components, and what they learned along the way.