---
title: 'Figma UI Kit'
description: 'Get the Figma UI Kit for Chakra UI'
---

<Image src='/figma/ui-kit.png' ratio={1.6} />

Our design kit is built with Figma. You can install it from the
[Figma Community](https://www.figma.com/community/file/971408767069651759).

The Figma kit is designed to match the structure of the components and
properties in Chakra UI. This helps designers & developers create stunning user
interfaces faster.

<br />

- **🧩 Made with Autolayout**
- **🎛 Component properties match Chakra UI**
- **✨ Improved layer structure and naming**

<Box my='8'>
  <Button
    leftIcon={<FiFigma />}
    as='a'
    colorScheme='teal'
    href='https://www.figma.com/community/file/971408767069651759'
    target='_blank'
    size='lg'
    children='Get Figma UI Kit'
  />
</Box>