Cards
Preview Frames X
Cards
in Figma
Cards are designed to visually resemble playing cards, combining headers, content, and controls to simplify complex information about various topics and content into compact UI.
The Cards component provides a versatile set of variants, including horizontal and vertical cards, bank cards, user profile cards, and progress cards.
Cards UI Best Practices
Maintain uniform structure across cards for easy scanning and comparison.
Always include a prominent, clickable area or a distinct Button for primary action.
Adjust size, layout direction, and content using pre-designed variants for optimal display across interfaces.
The perfect starting point for your next project in Figma
Start and finish design projects faster with the world's most robust UI kit for Figma. Our UI elements, components, and templates are built to help you create designs easily and more efficiently.
With the Frames X UI kit, you can easily take on bigger, more ambitious projects with confidence.