Figma Freebie - Data Tables 4.0

By

UI Prep

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