CoyTable
by Coy-huase
A visual table generator for Figma — live preview, drag & drop, one-click generate
Installs
430
Likes
83
Users
1,223
Views
648
Preview
About this plugin
CoyTable — A Visual Table Generator for FigmaCoyTable is a full-featured Figma plugin that empowers designers to create, customize, and export beautiful tables directly onto the canvas — all with real-time preview, intuitive drag-and-drop interactions, and zero manual layout work.
✨ Key Features📐 Table Configuration- Set custom table width/height, column widths, row heights (fixed or auto-fill)- Adjust rows (1–200) and columns (1–50) freely- Show/hide header row with independent styling🎨 Style Customization- 8 one-click preset themes: Default, Dark, Blue Business, Warm Report, Green Fresh, Pink Warm, Purple Elegant, Gray Minimal- Global: corner radius (0–20px), font size (8–48px), inner/outer border color & width- Header: independent background & text color, font weight (Regular / Semi Bold)- Cells: background & text color, independent top/bottom/left/right padding- Zebra stripes with customizable alternate row color- Toggle light/dark mode📊 Rich Column Types- 📝 Text — Inline editable, Enter to confirm, Tab to navigate- ⭕ Radio — Toggle on click- ☑️ Checkbox — Toggle on click- 🔢 Index — Auto-numbered- 🖼️ Image — Placeholder rectangle- 📈 Progress — Bar chart with percentage label (0–100)- 🏷️ Tag — Colored label with dot (format: label|color|style)- 🔘 Action — Configurable button group (1–5 buttons), custom label, color, ghost/filled style🔄 Drag & Drop Reorder- Grab row handles (⠿) to drag rows up/down- Grab column handles (⠿) to drag columns left/right- Quick insert: hover between rows/columns to reveal + button- Row operations: insert above/below, duplicate, delete, set vertical align- Column operations: insert left/right, duplicate, delete, set width & horizontal align📋 12 Data Templates- User Info, Product List, Project Board, Task Tracker, Customer Management, Order Management, Bug Tracker, Finance Ledger, Meeting Notes, Course Ratings, Design Tasks, Recruitment📥 Data Import- 📂 Import .xlsx / .xls / .csv files (auto-parses first sheet, first row as header)- 📋 Clipboard paste from Excel, Google Sheets, or web tables (tab-separated)- Auto-trims trailing empty rows/columns🖱️ Preview Navigation- Space + drag to pan- Ctrl + wheel to zoom (25%–400%)- Ctrl+0 to reset zoom- Zoom indicator when not at 100%🔄 Re-edit Support- Select an existing CoyTable on the canvas → click "Re-edit" → modify → regenerate🌐 Bilingual UI- One-click toggle between Chinese 🇨🇳 and English 🇬🇧⌨️ Keyboard Shortcuts- Enter: confirm edit | Esc: cancel edit | Tab: next cell | Shift+Tab: previous cell💡 Perfect For UI/UX designers, product managers, data analysts, and developers who need to create data tables, specification sheets, pricing tables, project trackers, or any tabular content in Figma — fast, flexible, and beautiful.
CoyTable — Figma 可视化表格生成插件CoyTable 是一款功能全面的 Figma 插件,让设计师能在画布上直接创建、定制和导出精美表格 — 实时预览、直觉式拖拽交互,告别手动排版。✨ 核心功能📐 表格配置- 自定义表格宽高、列宽、行高(固定值或自适应填充)- 行数 1–200,列数 1–50,灵活调整- 显示/隐藏表头行,独立设置表头样式🎨 样式自定义- 8 套一键预设主题:默认标准、暗黑、蓝色商务、暖色报表、清新绿意、粉色温馨、紫色典雅、灰色极简- 全局:圆角(0–20px)、字号(8–48px)、内外边框颜色与粗细- 表头:独立背景色与文字颜色,常规/加粗切换- 单元格:背景色与文字颜色,上下左右独立内间距- 🦓 斑马纹 — 交替行背景色,可自定义交替色- 🌗 明暗主题切换📊 多样列类型- 📝 文本 — 嵌入编辑,Enter 确认,Tab 跳格,Esc 取消- ⭕ 单选 — 点击切换选中状态- ☑️ 复选 — 点击切换勾选状态- 🔢 序号 — 自动编号,显示为"1, 2, 3…"- 🖼️ 图片 — 灰色占位方块- 📈 进度条 — 进度条 + 百分比标签,数值范围 0–100- 🏷️ 标签 — 彩色标签+圆点,支持自定义颜色与样式- 🔘 操作按钮 — 1–5 个按钮,自定义文案、颜色、浅底/实心风格🔄 拖拽排序- 行手柄(⠿)上下拖拽调整顺序- 列手柄(⠿)左右拖拽调整顺序- 悬停行/列之间显示 + 按钮,快速插入- 行操作:上方/下方插入、复制、删除、垂直对齐- 列操作:左侧/右侧插入、复制、删除、列宽、水平对齐📋 12 套数据模板- 用户信息、商品清单、项目看板、任务追踪、客户管理、订单管理、Bug 追踪、财务流水、会议纪要、课程评分、设计任务、招聘管理📥 数据导入- 📂 导入 .xlsx / .xls / .csv 文件(自动解析首个工作表,首行作表头)- 📋 从 Excel、Google Sheets 或网页表格复制粘贴(制表符分隔)- 自动裁剪尾部空行和空列🖱️ 预览导航- 空格 + 拖拽平移画布- Ctrl + 滚轮缩放(25%–400%)- Ctrl+0 重置缩放- 非 100% 时底部显示缩放指示🔄 回传编辑- 选中画布上已有的 CoyTable 表格 → 点击"回传编辑" → 修改 → 重新生成🌐 中英双语- 一键切换中文 🇨🇳 / 英文 🇬🇧,所有标签和按钮实时更新⌨️ 快捷键- Enter:确认编辑 | Esc:取消编辑 | Tab:下一格 | Shift+Tab:上一格💡 适用人群 UI/UX 设计师、产品经理、数据分析师、开发者 — 无论你是需要制作数据表格、规格说明表、定价表、项目追踪表,还是任何表格类内容,CoyTable 都能帮你快速、灵活、美观地完成。
More editing & effects plugins plugins
View allMaterial Design Icons
Paidby Icons8
Instant easy access to the entire Material Design Icons library
Remove BG
Paidby Aaron Iker
Remove the background of images automatically with just a single click.
Content Reel
by Eugene Gavriloff
Design layouts more efficiently by pulling text strings, images, and icons.
Icons8 — icons, illustrations, photos
Paidby Icons8
All our graphics at your fingertips.