Development

The shadcn/ui kit for Figma is designed to bridge the gap between design and development seamlessly. This section will guide developers on effectively translating the themes and Figma designs into functional code.

Implementing themes

You can use our Figma to shadcn/ui plugin to quickly convert Figma variables to CSS code that you can use in your project's globals.css file. Check our documentation for more details.

Implementing components

Our Figma to shadcn/ui plugin can help you generate shadcn/ui components based on your designs in Figma. Make sure to check our our documentation for more details.