Learn Figma

If you are new to Figma, I highly recommend visiting their Getting Started help page or watching Beginner's Guide to Figma on their YouTube channel.

Ant Design System for Figma uses the latest and greatest Figma features. Below you can learn how to work with them.

Components

Ant Design System for Figma is built with components. These are elements you can reuse across your designs. They help to create and manage consistent designs across projects. You can learn more about Components and how to use them here.

Styles

Ant Design System for Figma is also built with Styles. These are Colors, Text styles, Effects, and Layout Grid styles that can be reused across your designs. Learn more about Styles and how to use them here.

Variants

The UI kit uses Variants that allow to group and organize similar components into a single container. This simplifies the component library and makes it easier for everyone to find what they need. Here are more details on Variants.

Auto Layout

Components in the system were built with the Auto Layout feature. Auto Layout makes designs that grow to fill or shrink to fit, and reflow as their contents change. Just like in a real website! You can learn more about Auto Layout here.