Edit product


Figma Freebie - Data Tables 4.0

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

Watch a quick walkthrough of the full Design System

👉 Learn more at uiprep.com


Follow me on Twitter to say hi and learn about new updates and resources

Send an email to molly@quantidesign.io if you have any questions

61 ratings

  • FileFigma (.fig)
  • Size54.2


Figma Freebie - Data Tables 4.0

Enter your info to complete your purchase


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

Powered by Gumroad