Tablify
Smart Table Generator for Figma
Plugin Preview
About this plugin
Tablify is a powerful and flexible plugin that turns structured data into clean, styled tables directly in your Figma files. Whether you’re working with CSVs, Google Sheets, Excel files, or even Word documents, Tablify makes it effortless to visualize your data with consistency and control.
Features
Multiple Input Formats
- Upload from CSV, TSV, Excel (.xlsx/.xls), Word (.docx), PDF, HTML, XML, ODS, ODT
- Supports Google Sheets via public URL — just paste the link, choose a sheet, and you’re ready to go
- Drag & drop supported for local files
Intelligent Parsing
- Detects and handles multiple tables per document (e.g. Excel sheets or Word tables)
- Automatically cleans and parses content for structured layout
- Handles complex table structures, colspans, and headers
Design-Ready Tables
- Generates clean, structured Figma components
- Supports auto layout or fixed layout styles
- Responsive to Figma color variables, padding, radius, fonts, and more
Customization Options
- Auto Layout
- Header Row
- Style Variables (automatically created and bound)
- Automatically generates reusable tokens for colors, sizes, and text styles
Perfect for
- UI and product designers
- Dashboards, admin panels, data-heavy UIs
- Rapid prototyping with live spreadsheet content
- Importing structured data into Figma layouts with no manual copying
Why Tablify?
Unlike basic table creators, Tablify focuses on precision, flexibility, and deep Figma integration. It’s built for speed and scale — helping you go from spreadsheet to structured layout in seconds.
Plugin Details
Version | 2 |
---|---|
Created | June 17, 2025 |
Last Updated | June 18, 2025 |
Category | Import & export plugins |
Creator | Andrei Kuznetsov |
Stats | 3 installs, 0 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.allorigins.win
- https://cdn.sheetjs.com
- https://cdnjs.cloudflare.com
- https://cors-anywhere.herokuapp.com
- https://corsproxy.io
- https://doc-0o-24-sheets.googleusercontent.com
- https://docs.google.com
- https://googleusercontent.com
- https://sheets.googleapis.com
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