Figma Freebie - Data Tables 4.0

$0+
$0+
UI Prep
63 ratings

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

  • File
    Figma (.fig)
  • Size
    54.2
  • FileFigma (.fig)
  • Size54.2

Ratings

4.5
(63 ratings)
5 stars
81%
4 stars
9%
3 stars
0%
2 stars
2%
1 star
8%
Powered by

Checkout

Figma Freebie - Data Tables 4.0

Enter your info to complete your purchase