UI Prep Data Tables 4.0 - Free Figma Resource

Jumpstart your workflow with UI Prep’s Data Table UI Kit. This kit includes everything you need to start designing beautiful tables that follow Material Design and Bootstrap best practices.

👉 Learn more with our article Ultimate Guide to Designing Data Tables

✅ Variants

✅ Base Components

✅ Auto Layout

✅ Saved Styles

✅ Quick Start Guide

✅ Playground

What’s included?

The download includes a Figma design file (.fig) with the following:

Rows heights

•  Regular, Relaxed, Condensed

Column types

•  Text, Number, Right Icon, Left Icon, Double Icon, Badge

Column sort:

• None, Default, Active

Quick Start Guide

• Steps on how to get started

• Helpful resources

Table Playground

• Exercise #1: Instances 101

• Exercise #2: Configure variants

• Exercise #3: Swapping instances

• Exercise #4: Update components

• Exercise #5: Clip content

• Exercise #6: Auto layout

Learn about our full Design System at uiprep.com