# 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.

Canonical: https://www.shadcndesign.com/docs/development

## Implementing themes

You can use our [Figma to shadcn/ui plugin](https://www.shadcndesign.com/plugin) to quickly convert Figma variables to CSS code that you can use in your project's globals.css file. Check our [documentation](https://www.shadcndesign.com/docs/plugin) for more details.

## Implementing components

Our [Figma to shadcn/ui plugin](https://www.shadcndesign.com/plugin) can help you generate shadcn/ui components based on your designs in Figma. Make sure to check our our [documentation](https://www.shadcndesign.com/docs/plugin) for more details.