Figma Component
Data Display

List

List is used for organizing and presenting information in a structured format.

What is Figma List?

Figma List is a versatile component used for organizing and presenting information in a structured format. It allows designers to create various types of lists, such as vertical lists, horizontal lists, nested lists, and more. Lists are essential elements in user interfaces as they enable the display of related items, options, or content in a sequential manner.

When to Use List Component?

The List component is used whenever designers need to present a collection of related items in a structured manner. It is particularly useful for displaying menus, navigation items, content lists, and other data that requires a clear and organized layout. Lists help users quickly scan and locate specific information, enhancing the overall user experience.

How to Design List Component?

Designing a List component involves determining its layout, spacing, typography, and other visual elements. Designers need to establish consistency in the list's appearance, ensuring that each item follows the same styling rules. It is also important to consider responsiveness and how the list adapts to different screen sizes.

How List Component is Designed in Ant Design System for Figma?

In the Ant Design System for Figma, the List component follows the Ant Design principles, ensuring a consistent and user-friendly design. The Ant Design System provides designers with various list styles and customization options to suit their specific needs. Whether it's an ordered list, unordered list, or a custom list, the Ant Design System offers a comprehensive set of components to create elegant and functional lists.

What is Ant Design System for Figma?

Ant Design System for Figma is a comprehensive design resource that incorporates the Ant Design principles and components into the Figma environment. It enables designers to work seamlessly with the Ant Design system directly within Figma, making the design process smoother and more efficient. By using the Ant Design System for Figma, designers gain access to a wide range of components, styles, and icons, including the popular List component, all of which help maintain design consistency and accelerate the creation of high-quality user interfaces.

Get Ant Design System for Figma today

Speed up your design and development process

Stop wasting time on creating everything from scratch for every new project you start. Use pixel-perfect and handcrafted elements to design and implement your next Ant Design app efficiently.