X-Chart Studio 下载插件 ↓

X-CHART STUDIO / SKETCH PLUGIN

一个更自由的
Sketch 图表工具

自由选择图表、组合变体、接入数据并调整视觉样式。把标准化图表资产,变成可以持续扩展的设计工作流。

图表检索实时预览数据导入模板系统矢量图层
图表组合系统组件 × 变体 × 自定义
CHART ASSEMBLY / 01—03组合逻辑
01 / BASE图表骨架折线·柱状·饼环
02 / VARIANT结构变体基础·分组·堆叠
03 / STYLE视觉参数色板·坐标轴·标签
OUTPUT / SKETCH可编辑矢量图层
80400010305
系列 01系列 02矢量图层
COMPONENT+VARIANT+STYLE→EDITABLE CHART
06使用场景从设计任务出发
19主图表类型覆盖常见报表表达
25图表变体自由组合不同结构

标准化图表资产,
自由组合设计表达。

01 / 自由组合

先回答要表达什么,
再选择用什么图表。

图表不再是一长串难以检索的名称。X-Chart 以使用场景组织主图表,再用变体扩展结构,让选择更快,也为后续增加新图表保留清晰位置。

CHART TAXONOMY / V106 场景 · 19 主图表 · 25 变体
01使用场景
  1. 01趋势
  2. 02对比
  3. 03占比
  4. 04进程
  5. 05多维
  6. 06其他
02主图表按表达目的组织,而不是按名称堆放
趋势
折线图面积图迷你图
对比
柱状图条形图散点图气泡图
占比
饼图环形图矩形树图
进程
仪表盘进度条 / 环
多维
雷达图漏斗图组合图
其他
流图直方图热力图K 线图
03变体与参数
EXAMPLE / 面积图同一骨架,扩展不同结构
基础单系列多系列对比堆叠面积百分比堆叠
视觉参数

默认色板坐标轴标签间距

COMPOSITION EXAMPLE一条组合路径
场景趋势
→
主图表面积图
→
图表变体多系列对比
→
视觉参数色板 + 坐标轴
→
Sketch 矢量图层

02 / 插件功能

从找到图表,
到放进 Sketch。

创建、编辑和模板不是三个孤立页面,而是同一套图表资产在不同任务里的入口。

01 / SELECT

按场景选择

从趋势、对比、占比等使用目的出发,快速定位主图表和变体。

场景 → 图表 → 变体
02 / DATA

自由接入数据

支持手动表格、CSV、本地 JSON 与 HTTPS JSON,预览随数据同步更新。

TABLE · CSV · JSON
03 / STYLE

精细控制样式

调整色板、字体、标签、网格、线条、间距与图表族专属参数。

TOKEN · AXIS · LABEL
04 / REUSE

模板持续复用

为不同项目建立图表模板,并决定图表跟随模板或保留独立样式。

LINKED · FROZEN · DETACHED

03 / 搭建思路

自由组合的背后,
是一套统一的图表中台。

数据、图表组件和全局样式分别管理,再由一个公共核心完成规范化与几何计算。一处修改,可以作用到创建、编辑、模板和最终 Sketch 产物。

INPUT 01

数据配置

表格、CSV、JSON 与字段映射

INPUT 02

图表组件

主图表、变体与组成元素

INPUT 03

全局样式

色板、字体、网格与参数

统一输入
X
XCHART CORE

统一配置与 Scene

数据规范化 · 布局计算 · 图形结构

同源输出
CANVAS ADAPTER

实时预览

选择和修改时立即看到结果

SKETCH ADAPTER

矢量图层

生成可继续编辑的设计资产

01一份数据源不在不同页面重复解析数据
02一份渲染源预览与 Sketch 共享同一 Scene
03一份默认模板公共视觉规则集中维护

04 / 可操作插件界面

复杂能力,
收进一个清晰工作台。

这不是界面截图。你可以直接切换图表和变体、修改表格数据与样式,体验真实的创建流程。

X-Chart Studio / 创建图表真实界面
01切换图表与变体左侧目录可以直接操作
02编辑数据与预览修改表格后立即反馈到图形
03调整样式模板、颜色和高级参数集中控制

X-CHART STUDIO / V8.1.1

让图表资产保持一致,
让设计表达保留自由。

创建图表编辑图表模板管理Sketch 矢量输出
下载 Sketch 插件 ↓