Table Builder - Import From Excel
Create and Import Beautiful Tables in Seconds
Plugin Preview
About this plugin
Table Builder - Import From Excel
Table Builder is a simple plugin that helps you make tables in Figma without all the headache. Instead of drawing boxes and lining them up manually, you just pick a template (or make your own) and it builds the whole thing for you.
Got data you need to display? Upload your Excel file or paste it in and it'll create the table with all your info already there. Customize the colors and fonts to match your design, or just grab one of the 50+ templates and you're done.
Core Features :
- 50+ Pre-built Templates - AI designed tables across categories: Corporate, Tech, Creative, Nature, Luxury, Dark Mode, and more
- Visual Grid Selector - Intuitive interface for selecting table dimensions
- Multiple Import Options - Support for CSV, Excel files, paste data, and Google Sheets
- Complete Customization - Full control over colors, fonts, borders, spacing, and corner radius
- Save Custom Presets - Create and save your own table designs for reuse
- Favorites System - Mark and quickly access your favorite templates
- 20+ Google Fonts - Wide selection of typography options
- Dark & Light Modes - Templates optimized for both themes
- Responsive Design - Tables adapt to content automatically
- Alternate Row Colors - Toggle for improved readability
Advanced Features :
- Granular Cell Control - Header and cell styling independent of each other
- Flexible Dimensions - Customize padding, height, and spacing
- Text Alignment - Left, center, or right alignment for headers and cells
- One-Click Templates - Instantly apply any of the 50+ design templates
- Visual Preview Cards - See exactly how tables will look before creating
How to Use Table Builder :
Step 1: Pick Your Style
- Click the Templates tab at the top
- Browse through the designs and click one you like
- Or click My Presets if you saved one before
- That's your starting point
Step 2: Set Your Table Size
- Go to Table tab
- Either type in the number of rows and columns you want
- Or use the little grid visual - just hover and click
Step 3: Make It Look Your Way (Optional)
- Go to Cells tab to change colors and borders
- Go to Text tab to change fonts and text size
- Skip this if you're happy with the template
Step 4: Add Your Data (Optional)
- Go to Import tab
- Choose to Paste Data, Upload File, or Google Sheet
- Drop your data in there
- Now your table has real content
Step 5: Create It
- Click the big Create Table button at the bottom
- Boom, your table appears in Figma
Want to Save a Design?
- Get a table looking exactly how you want
- Go to Presets tab
- Click the save icon (looks like a floppy disk)
- Name it, and it's saved for next time
Pro Tips:
- Click the heart on any template to mark it as a favorite
- Hover over templates to see what they look like before clicking
- You can always tweak colors and fonts even after picking a template
- Use Google Sheets if you want live data that updates
That's it! Honestly, pick a template and hit create. If you need changes, tweak it and save it.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 18, 2026 |
| Last Updated | January 19, 2026 |
| Category | Import & export plugins |
| Creator | Briston |
| Stats | 2 installs, 0 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://corsproxy.io
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML