Bring your own data
Import CSV, choose whether the first row is a header, and preview your content before inserting.
UI Table Builder 2.0
Build editable tables in Figma with live preview, CSV import, mock data and reusable templates. Export HTML & CSS when you’re ready.
Check out Figma to Tailwind CSS Plugin
WHAT’S NEW IN 2.0
More table. Less busywork.
Real data, reusable styles and editable output. All in the compact builder you already know.
8 mock datasets + CSVStart with content.
Start with content.
Make it look like you.
Finance, Sports, Science, Healthcare, Technology, E-Commerce, HR and Real Estate. Preview any dataset for free.
Build your first table| Account | Revenue | Expenses | Profit |
|---|---|---|---|
| North region | $48,200 | $31,400 | $16,800 |
| South region | $62,800 | $40,200 | $22,600 |
| West region | $55,100 | $36,500 | $18,600 |
| East region | $71,400 | $45,900 | $25,500 |
IncludedEditable in Figma. Ready for your content.
Make the details yours
Choose preset styles or tune colors, opacity, borders, padding, corners and shadows with Tailwind presets.
Choose your structure
Insert a native Figma Grid, or use Auto Layout grouped by rows or columns. Text hugs its content as you edit.
Save your starting point
Keep styles, dimensions and data in local templates. Load, update or rename them whenever you need.
Preview as you design
See each change in a fixed table preview. Keep the sidebar collapsed, float a panel or dock it when you need more control.
Take the code with you
Preview the generated HTML & CSS, then unlock Pro to copy the complete styled table into your project.
FREE & PRO
Start free. Build more with Pro.
Explore every style and preview any dataset. Upgrade when you’re ready for more.
A little table time
Free to try
Get a feel for the builder before you upgrade.
- Included3 placeholder-table inserts
- IncludedEvery styling control
- IncludedMock data, CSV and code previews
Keep creating
Monthly or yearly
All Pro features while your subscription is active.
- IncludedUnlimited table inserts
- IncludedMock datasets + CSV insertion
- IncludedLocal templates + complete code export
Make it yours
One-time purchase
Unlock the complete builder with lifetime access.
- IncludedEvery Pro feature
- IncludedOne payment, no recurring billing
- IncludedIndividual and team licenses
Current prices, team options and billing details are shown at checkout. You can also upgrade directly inside Figma.
| Features | Free | Pro |
|---|---|---|
| Live table preview and every styling control | Included | Included |
| Figma Grid and Auto Layout by rows or columns | Included | Included |
| Placeholder-table inserts | 3 free inserts | Unlimited |
| Eight mock datasets and CSV preview | Included | Included |
| Mock dataset and CSV insertion | Not included | Included |
| Save and load local templates | Not included | Included |
| HTML & CSS code preview | Included | Included |
| Copy complete HTML & CSS | Not included | Included |
READY WHEN YOU ARE
Open in Figma Prefer the web editor? A better table starts here.
Install UI Table Builder 2.0 and try your first three placeholder tables free.
