CoyTable

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 都能帮你快速、灵活、美观地完成。