UX Best Practice Cards (Figma widget)
The UX Best Practice Cards widget lets you add Baymard guideline cards directly into your Figma files, so you can make the research behind your design decisions visible to colleagues and stakeholders.
Each card is associated with a UX guideline based on Baymard's large-scale qualitative research. The cards cover the full ecommerce user journey, including the following site areas:
- Homepage
- Main navigation
- Search
- Product listing page
- Filtering and sorting
- Product page
- Cart and checkout
- Account
Installing the widget
- Go to the UX Best Practice Cards widget page on Figma.
- Click Open in... and select a Figma file from the dropdown.
Adding cards to Figma
- Once installed, go to the widget within your Figma file and click Search.
- Search for guidelines by site area, UX topic, or guideline number.
- Drag and drop relevant cards into your Figma file.