01 / BASE图表骨架折线·柱状·饼环
X-CHART STUDIO / SKETCH PLUGIN
一个更自由的
Sketch 图表工具
自由选择图表、组合变体、接入数据并调整视觉样式。把标准化图表资产,变成可以持续扩展的设计工作流。
CHART ASSEMBLY / 01—03组合逻辑
02 / VARIANT结构变体基础·分组·堆叠
03 / STYLE视觉参数色板·坐标轴·标签
系列 01系列 02矢量图层
COMPONENT+VARIANT+STYLE→EDITABLE CHART
标准化图表资产,
自由组合设计表达。
01 / 自由组合
先回答要表达什么,
再选择用什么图表。
图表不再是一长串难以检索的名称。X-Chart 以使用场景组织主图表,再用变体扩展结构,让选择更快,也为后续增加新图表保留清晰位置。
01使用场景
- 01趋势
- 02对比
- 03占比
- 04进程
- 05多维
- 06其他
02主图表按表达目的组织,而不是按名称堆放
趋势
折线图面积图迷你图
对比
柱状图条形图散点图气泡图
占比
饼图环形图矩形树图
进程
仪表盘进度条 / 环
多维
雷达图漏斗图组合图
其他
流图直方图热力图K 线图
03变体与参数
EXAMPLE / 面积图同一骨架,扩展不同结构
基础单系列多系列对比堆叠面积百分比堆叠
视觉参数
默认色板坐标轴标签间距
COMPOSITION EXAMPLE一条组合路径
场景趋势
→
主图表面积图
→
图表变体多系列对比
→
视觉参数色板 + 坐标轴
→
02 / 插件功能
从找到图表,
到放进 Sketch。
创建、编辑和模板不是三个孤立页面,而是同一套图表资产在不同任务里的入口。
按场景选择
从趋势、对比、占比等使用目的出发,快速定位主图表和变体。
场景 → 图表 → 变体自由接入数据
支持手动表格、CSV、本地 JSON 与 HTTPS JSON,预览随数据同步更新。
TABLE · CSV · JSON精细控制样式
调整色板、字体、标签、网格、线条、间距与图表族专属参数。
TOKEN · AXIS · LABEL模板持续复用
为不同项目建立图表模板,并决定图表跟随模板或保留独立样式。
LINKED · FROZEN · DETACHED03 / 搭建思路
自由组合的背后,
是一套统一的图表中台。
数据、图表组件和全局样式分别管理,再由一个公共核心完成规范化与几何计算。一处修改,可以作用到创建、编辑、模板和最终 Sketch 产物。
数据配置
表格、CSV、JSON 与字段映射
图表组件
主图表、变体与组成元素
全局样式
色板、字体、网格与参数
统一输入
XCHART CORE
统一配置与 Scene
数据规范化 · 布局计算 · 图形结构
同源输出
实时预览
选择和修改时立即看到结果
矢量图层
生成可继续编辑的设计资产
04 / 可操作插件界面
复杂能力,
收进一个清晰工作台。
这不是界面截图。你可以直接切换图表和变体、修改表格数据与样式,体验真实的创建流程。