下载压缩包，按照顺序来一步步安装PS扩展插件

点击“下载插件V1.0.0.1”下载压缩包，按顺序一步步安装此PS扩展插件。 （注：附带的字体可免费用于商业用途）

安装完成后，我们打开PS。 在窗口-扩展功能中，我们可以看到PS Frame ，点击打开。

插件界面上方为图表类型，界面下方为“快速导入导出JSON数据”和“查看教程”功能。 （注：框架助手目前仅支持文档分辨率为72像素的文件）

如何使用它？ 我先做一些实际工作。

折线图图表生成与调整

第一步：使用矩形选框工具在画布上画一个框。 尺寸可以根据您的实际需要而定。

步骤2：调整数据和文本。

在框架助手中，我们可以修改图表X轴、Y轴的参数以及线条样式、宽度、颜色等。（注：折线图X轴底部的文字需要以逗号分隔）

点击“添加一组数据”，填写相应参数即可向图表中添加多组数据并绘制多条数据线。

数据可以随机生成，也可以手动填写，但随机数据的范围不会超出您指定的Y轴数据范围。

固定数据需要填写每个点的值（用英文逗号分隔）。

最后点击“确定”就得到了我们画的折线图，就可以在右侧图层进行编辑了。 （电脑速度较慢的朋友也可能加载较慢）

不同的图表生成和调整

让我们看一下我们当中很常见的其他类型的图表。

1. 条形图

拉出盒子，用同样的方法填写参数。

“列间距”可以设置为负数，以绘制“背景”效果。

2. 饼图

类似的方法也可以画出来，可控参数很多。

如果选择“数据”，则“选定偏移量”填写的值越大，饼图中选定的数据距离圆心越远。

3. 地图

是的，你没有看错。 不仅可以拉图表，还可以拉中国各省市的地图。

点击“下载对应数据”，绘图助手会打开对应的网站。 然后将JSON数据复制并粘贴到绘图助手中以获取图形。

系统UI的生成与调整

PS拉框助手还具有常用UI元素的一键绘制，如按钮、按钮组、窗口、输入框、下拉框、单选、多选、提示、表格、树等。

当前版本只能绘制一组适合深色背景的UI元素，但作者正在不断更新。

例如，我们画一个按钮：

您可以生成您想要的按钮图标。

按钮组的步骤相同。 点击“添加按钮”可添加多个按钮并编辑文字并调整位置。

窗口、输入框、下拉框、单选、多选、提示的操作大体相同。

绘制表格也非常容易。 首先使用矩形选框工具画一个方框，并填写表格的行数和列数。 （注：如果线设置得长一点，超出拉框的部分就不会被画出来）

填写要在每个标题中显示的文本。 “类型”：序列号、IP、MAC、姓名、年龄等（根据类型会自动生成一些默认的随机内容）

填写表格具体内容：

您可以轻松地在PS中完成表格的绘制。

PS框架绘制工具甚至可以绘制树形图：