If you are one of those designers who deal with tables on a daily basis, you may have realized working tables is often painful. Even if you have a handy plug-in, you are likely to come to a point where you find yourself making custom modifications and spending time to keep it updated.

In this article, you will find how to create a fancy data table from a single component in Figma using auto layout and variants and font icons. You will be able to use these tips and techniques to create a data table that fits your own needs.

Step 1: Start with one table cell

Tulay Ozkan-Soykal

User experience designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store