Figma

The official Chakra UI v3 Figma Kit is now available!

This kit helps you design with the same building blocks that exist in code, making it easier for developers and designers to collaborate, stay consistent, and move faster.

<Image src="/chakra-figma-kit.png" alt="Chakra Figma Kit" objectFit="contain" fill height="500px" />

Get the Kit

You can access the kit for free on Figma Community:

👉🏽 Chakra UI v3 Figma Kit

Everything in the kit is designed to reflect how Chakra UI works, so your design decisions translate directly into production components.