基本信息
左侧距离：
px
左侧文字：
左侧文字大小：
px
左侧文字颜色：
左侧文字距离：
px
底部距离：
px
底部文字：
底部文字大小：
px
底部文字颜色：
底部文字内容：

提示：底部文字请用英文逗号隔开

竖线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
横线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
数据
增加一组数据
数据范围：
-
随机数据-每组文字生成一个随机点
数据
删除
随机数据范围：
-
每隔
像素绘制一个数据点
数据值：

提示：数据点值请用英文逗号隔开

线条
颜色：
  1. #
宽度：
px
弯曲：
%
角点：
透明度：
%
面积图
颜色：
  1. #
透明度：
%
标记小圆点
圆点直径：
圆点颜色：
  1. #
圆点透明度：
%
描边宽度：
px
描边颜色：
  1. #
自动绘制
重置
基本信息
左侧距离：
px
左侧文字：
左侧文字大小：
px
左侧文字颜色：
左侧文字距离：
px
底部距离：
px
底部文字：
底部文字大小：
px
底部文字颜色：
底部文字内容：

提示：底部文字请用英文逗号隔开

竖线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
横线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
数据
增加一组数据
数据范围：
-
柱子间距：
堆叠柱状图：
随机数据
数据
删除
柱子宽度：
px
柱子上的文字：
文字大小：
px
文字颜色：
  1. #
添加一根柱子
数据下的第1根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
数据下的第2根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
数据下的第3根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
自动绘制
重置
基本信息
左侧距离：
px
左侧文字：
左侧文字大小：
px
左侧文字颜色：
左侧文字距离：
px
左侧文字内容：

提示：左侧文字请用英文逗号隔开

底部距离：
px
底部文字：
底部文字大小：
px
底部文字颜色：
竖线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
横线
线条样式：
线条宽度：
px
线条颜色：
线条数量：
线条透明度：
%
数据
增加一组数据
数据范围：
-
柱子间距：
堆叠柱状图：
随机数据
数据
删除
柱子宽度：
px
柱子上的文字：
文字大小：
px
文字颜色：
  1. #
添加一根柱子
数据下的第1根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
数据下的第2根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
数据下的第3根柱子
删除
柱子的数据值：
柱子圆角：
柱子颜色：
  1. #
自动绘图
重置
饼图形态与文字
饼图类型：
镂空半径：
饼图上文字：
文字大小：
px
文字颜色：
  1. #
文字加粗：
显示位置：
显示内容：
数据
添加
随机数据
数据
删除
数据名称：
数据值：
是否选中：
选中偏移：
px
面积图
颜色：
  1. #
线条
宽度：
px
颜色：
  1. #
位置：
数据
删除
数据名称：
数据值：
是否选中：
选中偏移：
px
面积图
颜色：
  1. #
线条
宽度：
px
颜色：
  1. #
位置：
数据
删除
数据名称：
数据值：
是否选中：
选中偏移：
px
面积图
颜色：
  1. #
线条
宽度：
px
颜色：
  1. #
位置：
自动绘制
重置
雷达背景
背景形状：
分隔数量：
分隔线
分隔线宽度：
px
分隔线颜色：
  1. #
分隔色块
色块颜色：
  1. #
色块颜色：
  1. #
色块颜色：
  1. #
色块颜色：
  1. #
色块颜色：
  1. #
数据顶点
添加
顶点文字：
文字大小：
px
文字颜色：
  1. #
文字加粗：
顶点
删除
名称：
最大值：
顶点
删除
名称：
最大值：
顶点
删除
名称：
最大值：
顶点
删除
名称：
最大值：
顶点
删除
名称：
最大值：
数据
添加
随机数据
数据
删除
顶点数据值：
顶点数据值：
顶点数据值：
顶点数据值：
顶点数据值：
线条
宽度：
px
颜色：
  1. #
透明度：
%
面积图
颜色：
  1. #
透明度：
%
标记小圆点
圆点直径：
圆点颜色：
  1. #
圆点透明度：
%
描边宽度：
px
描边颜色：
  1. #
自动绘制
重置
块面 / 边线 / 文字
区域块面
块面颜色：
  1. #
区域边线
边线宽度：
px
边线颜色：
  1. #
省市区文字
文字大小：
px
文字颜色：
  1. #
数据
去下载对应数据

部分地理数据很大，粘贴到上面很慢，千万不要Ctrl+V粘贴多次，导致数据错误

绘制区域不限于中国，具体各个国家对应的数据，pslkzs.com正在整理中

自动绘制
清空
重置
按钮文字：
按钮图标：
按钮类型：

该版块所有内容，都可以到其右侧版块去配置

你配置了什么风格的样式，在这个版块就绘制出相应风格的按钮、按钮组、下拉框、表格…类似于配置了一整套CSS

做出这个功能的时候，平时用1.8折优惠券喝瑞幸咖啡的我立马买了杯星巴克庆祝了一下，边喝边感叹：我他娘真是个天才

我强烈建议你去版块找到我的二维码打赏我一下，钱多钱少无所谓，主要是：你的人生中遇到天才概率太低了，不珍惜我你迟早会后悔！

默认选中第个按钮

按钮：
按钮：
按钮：
文字：
后面有图标：
图标：
文字：
文字：
是否选中：
文字：
是否选中：
文字：
位置：
标题：
内容：
类型：
图标：
关闭：

第1步，请填写表格的行和列数

行：
列：
默认文字：

第2步，输入每列表头要展示文字

表头文字
类型
宽度(px)

第3步，填写表格中具体内容

高亮显示第行

标题：

提示：拖拽节点可改变顺序，Ctrl+点击可取消选中节点该功能目前只支持分辨率是72像素/英寸

添加一级节点

    设置字体

    文字字体：
    图标字体：

    默认使用，修改后都将使用新的字体绘制

    设置虚线

    虚线：
    px
    间隙：
    px

    图表保留小数位数

    小数：

    这个版块配置的所有样式，就是服务它左侧版块的。

    你可以配置好这个版块的所有东西，点击下面按钮，然后导出给你的团队成员使用，大家绘制的UI元素就都是一样的了

    如果你的配置项比较棒，可以加入PS拉框助手官方QQ群，我将展示在网站上，分享给所有人下载使用

    1. 普通
    2. 首选
    3. 成功
    4. 信息
    5. 警告
    6. 危险
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    图标文字大小：
    px
    图标与文字间距：
    px
    1. 通用
    2. 首按钮
    3. 尾按钮
    4. 选中效果
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    俩按钮间距：
    px
    圆角半径：
    px
    左侧图标:
    图标：
    图标与文字间距：
    px
    圆角半径：
    px
    右侧图标:
    图标：
    图标与文字间距：
    px
    文字颜色：
    背景:
    背景颜色：
    边框颜色：
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框样式：
    边框颜色：
    1. 通用
    2. 选中
    3. 未选中
    文字大小：
    px
    文字颜色：
    单选与文字间距：
    px
    外圆直径：
    px
    外圆边框宽度：
    px
    外圆边框颜色：
    外圆背景颜色：
    外圆背景颜色：
    内圆直径：
    px
    内圆边框宽度：
    px
    内圆边框颜色：
    内圆背景颜色：
    内圆背景颜色：
    外圆直径：
    px
    外圆边框宽度：
    px
    外圆边框颜色：
    外圆背景颜色：
    外圆背景颜色：
    内圆直径：
    px
    内圆边框宽度：
    px
    内圆边框颜色：
    内圆背景颜色：
    内圆背景颜色：
    1. 通用
    2. 选中
    3. 未选中
    文字大小：
    px
    文字颜色：
    多选与文字间距：
    px
    多选矩形宽高：
    px
    多选矩形圆角：
    px
    边框宽度：
    px
    边框颜色：
    背景颜色：
    背景颜色：
    选中图标：
    图标大小：
    px
    图标颜色：
    边框宽度：
    px
    边框颜色：
    背景颜色：
    背景颜色：
    文字大小：
    px
    文字颜色：
    背景:
    背景颜色：
    圆角半径：
    px
    填充距离：
    px
    边框宽度：
    px
    边框颜色：
    小三角角度：
    度
    小三角高度：
    px
    小三角偏移：
    px
    1. 通用
    2. 成功
    3. 消息
    4. 警告
    5. 错误
    标题文字大小：
    px
    标题文字加粗：
    正文文字大小：
    px
    标题与正文间距：
    px
    边框大小：
    px
    圆角半径：
    px
    填充距离：
    px
    大图标大小：
    px
    大图标与文字间距：
    px
    小图标大小：
    px
    小图标与文字间距：
    px
    关闭图标：
    关闭图标大小：
    px
    关闭与文字间距：
    px
    标题文字颜色：
    正文文字颜色：
    边框颜色：
    背景:
    背景颜色：
    大图标：
    大图标颜色：
    小图标：
    小图标颜色：
    关闭图标颜色：
    标题文字颜色：
    正文文字颜色：
    边框颜色：
    背景:
    背景颜色：
    大图标：
    大图标颜色：
    小图标：
    小图标颜色：
    关闭图标颜色：
    标题文字颜色：
    正文文字颜色：
    边框颜色：
    背景:
    背景颜色：
    大图标：
    大图标颜色：
    小图标：
    小图标颜色：
    关闭图标颜色：
    标题文字颜色：
    正文文字颜色：
    边框颜色：
    背景:
    背景颜色：
    大图标：
    大图标颜色：
    小图标：
    小图标颜色：
    关闭图标颜色：
    1. 通用
    2. 表头
    3. 行
    边框规则：
    外框圆角半径：
    px
    外边框宽度：
    px
    外边框颜色：
    表头对齐：
    下边框宽度：
    px
    下边框颜色：
    背景:
    背景颜色：
    填充距离：
    px
    表头文字大小：
    px
    表头文字颜色：
    表头文字加粗：
    下边框宽度：
    px
    下边框颜色：
    背景:
    背景颜色：
    填充距离：
    px
    文字大小：
    px
    文字颜色：
    选中背景颜色：
    选中文字颜色：
    1. 通用
    2. 头部
    3. 底部
    4. 底部按钮
    外框圆角半径：
    px
    外边框宽度：
    px
    外边框颜色：
    背景:
    背景颜色：
    下边框宽度：
    px
    下边框颜色：
    背景:
    背景颜色：
    填充距离：
    px
    标题文字大小：
    px
    标题文字颜色：
    表头文字加粗：
    表头文字位置：
    关闭按钮：
    关闭按钮图标：
    关闭按钮大小：
    px
    关闭按钮颜色：
    显示底部：
    上边框宽度：
    px
    上边框颜色：
    背景:
    背景颜色：
    填充距离：
    px
    按钮位置：
    显示按钮：
    按钮1文字：
    按钮1类型：
    按钮2文字：
    按钮2类型：
    按钮间距：
    文字大小：
    px
    文字颜色：
    展开图标：
    展开图标颜色：
    折叠图标：
    折叠图标颜色：
    展开/折叠大小：
    px
    图标与勾选间距：
    px
    文字左侧间距：
    px
    子级别缩进距离：
    px
    两级别间间距：
    px
    显示线条：
    线条颜色：
    线条类型：
    正在检查更新...
    1. 初识
    2. 邂逅
    3. 相爱
    4. 离别
    5. 后会无期
    大家好，我是这个插件的作者，UI设计师：灰色执照

    我从小就是一个学渣，靠学习艺术+复读一年才勉勉强强考上大学。把我放在中国近14亿人口中，应该是特别不起眼的一个。浑浑噩噩的活了几十年，几乎每天都在混吃等死。我和中年油腻大叔的区别可能就是：
    我的头发特别多。

    2018年年底的某一天，医生告诉我，我脖子上长了个东西，以他多年的专业经验来看，不太乐观，非常可能是恶性的瘤。先做手术割掉，然后拿去化验。

    得知这个消息的时候，我的整个人生都黑暗了。来到这个世界这么长的时间，我却不能为这个美丽的世界留下任何痕迹。我胡思乱想了很多，几乎每天都无法入睡。

    思考了很多天，我觉得我不能这么轻易的就放弃我的人生，智商不高，不够聪明，我可以花更多的时间来学习。我还年轻，我充满激情，我的毅力从小到大都是强于周围其他人的……或许我可以做一款设计工具留给这个世界

    就这样，PS拉框助诞生了……

    短短2到3个月的时间，我学习了很多和UI设计完全无关的编程知识，购买了域名和服务器，搭建了网站,录制并剪辑了教学视频……可以说是熬了无数个日日夜夜，加班加点，开夜车和生命赛跑搞成的。

    我粗略的估算了一下，完成这款插件我最少喝了266杯咖啡。当插件完成的那一刻，我内心无比的欣喜和激动，这一切我都觉得十分值得。就在这时，医生打来了电话，告诉我说化验结果出来了，我脖子上割下来的东西只是一颗普通的痣，没有任何危害…

    上帝似乎和我开了一个善意的玩笑，他也让我明白了很多道理……

    我相信PS拉框助手一定能够让你更好、更快的完成你的工作，让你有更多是时间陪伴你的另一半，有更多的时间照顾你的孩子和父母。PS拉框助手一定是一款有爱的软件，这也是为什么我在这个版块用了一个爱心的图标。

    最后，我想告诉屏幕前的你：无论你处于什么年龄，什么地位，什么身份，什么阶段，永远不要放弃自己，用尽你的全力，去努力认真的做一件事，你的潜力，一定会比我大得多！

    我们不应该虚度一生，应该能够说："我已经做了我能做的事。"——居里夫人

    展开剩余文字

    坚持开发9个月，未曾休息过一天，服务器和域名也需要一定费用，做免费插件艰辛且不容易，请开发者喝杯饮料吧

    微信打赏

    支付宝打赏

    不知道是不是因为我是6月6号出生的原因，我从小就一帆风顺，经常抱着一等奖的奖品回家，我的家人也习以为常。

    但是我万万没有想到，PS拉框助手也和我有着一样的命运，刚开发好后不到一个月的时间，就被微博大咖你丫才美工发现了。

    不到一个星期，优设网又发了篇长文章介绍PS拉框助手的点点滴滴。

    就这样，从无人问津，到一天涌入上千用户。V1.0.0.1版本的拉框助手，是匆忙现学现做出来的，它并没有做好准备拥抱如此大的流量。很多人安装不上，不会使用，或是PS版本太低……各种问题让我忙的焦头烂额。这么好的流量，却似乎要变成了泥石流！

    在那部分能够正常使用V1.0.0.0版本的用户中，他们提出了许许多多的意见和建议：绘制的结果不是矢量元素、饼图镂空没有效果、柱子图不能多个堆叠、点击颜色区域，不能弹出颜色面板，还需要自己手动输入颜色值、表格不能自动配置颜色和行高、不能绘制最常用的公鸡地图……

    不得不说，这些意见都是非常有价值的。随着我技术学习的深入，我发现我居然全部可以实现！但是晴天霹雳，家门口的85度C咖啡店却搬家到汉阳去了,这让我变得异常沮丧，要知道，一个烟酒不沾，唯一爱好就是喝咖啡的人离开了他日常生活中最为重要的东西。一切将变得多么艰难！这也严重影响到了ps拉框助手的进度。我几乎每天都是昏昏欲睡，再也没有心思去维护和开发这个插件。那段时间，我活的像一具行尸走肉，没有思想，没有灵魂。我开始改喝公司楼上的瑞幸，这个争议很大的品牌并没有让我失望。它的口味非常适合像我这样的重度咖啡患者。

    我开始又振作了起来！我把所有要解决的问题都一一列了出来，不到三个月的时间，新功能加上问题的修改一共改进了四十多项。PS拉框助手终于变成了我起初想象的样子。我甚至开发了一个配置模块，让你可以配置任何样式的UI控件。这所有的功能其实都是我最初的构思！一人配置，多人使用。这也让拉框助手可以应用到团队协作中去。

    可当这一切都完成的时候，我并没有想象中的开心或者激动。相反的，我只是觉得艰难。何谓艰难呢？大概就是明明自己已经非常努力了，却还得不到认可。

    整整六个月的时间，我白天工作，下班后带孩子玩，哄他睡觉后开始做拉框助手，每天雷打不动的从晚上九点到十二点。大年三十晚上，父母老婆在客厅看着春晚，我却在餐桌上继续打开电脑编程。。。

    而我得到的却是什么呢？一小撮用户，一丁点少的可怜的打赏。

    剪辑教学视频的时候，听到自己的声音，原来已经是如此疲惫不堪。我也明显感觉到自己处于一种亚健康的状态。

    “兄弟们，拉框助手视频已经剪辑好了。新版本大概下周一就可以发了！”凌晨一点，我在管理员的群里宣告着这个好消息。

    “辛苦了，老大！”一个专属于灰色执照领取的红包被其中一名管理员发了过来。

    “我不会领的，你自己退回去。大家能够无私的帮助我，无私的帮助拉框助手成长，我已经很感恩了！以后不要做这种事情”

    就在这一刻，我开始意识到PS拉框助手的意义。他不仅仅是一款小工具，更是一种连接设计师之间的载体。它帮我们快速的完成我们的工作，虽然做着机械的工作，背后却是一群无私奉献不求回报的人。

    拉框助手从我一个人写代码，到热心粉丝成为管理员，为很多小白成员不厌其烦的解决问题。管理员们总是尽自己最大的努力，热心的帮助着其他人。

    感谢这些可爱的人。感谢leon、小鱼儿、忧伤开满开时路、心悦°、luke、吴洁、彩色的黑_、叶子、@关关……有你们，我觉得我还可以继续坚持下去。最少再开发三个版本。

    一个版本致敬过去的自己，兢兢业业的工作，成为我大中国平庸而又朴实的一员。

    一个版本致敬未来，生活总是让人觉得艰难又看不到希望，但是未来依旧要努力的活着。

    一个版本致敬管理员和用户。拉框助手没有一分钱打广告，靠的都是用户在一些设计群里口口相传。

    你问我未来会是什么样，我真不知道。我唯一能告诉你的就是：我依旧会是那个面带笑容，不服老的中年男子——灰色执照。

    正在加载，请稍后...

    城市一隅，让你我悄然相遇，微笑，走近，相爱，然后离别，这是最好故事的最好结局！

    我和你一样，对未来充满期待，耐心等我发布V1.0.0.4版本的时候，你再来这里看看（苦笑）。

    每个生活在阴沟里的人，都有仰望星空的权利。那天你抬起头，微笑的看着我。我已不再是那颗发出耀眼光芒的星星，请记得PS拉框助手曾照亮过你，现在该轮到你去照亮别人了。忘了我，后会无期。

    视频教程(不定期更新，记得常来看看)

    正在加载，请稍后...

    导出JSON数据为：

    复制
    关闭

    导入JSON数据：

    确定
    清空
    关闭

    重要提示

    新建文档的时候，不能勾选【画板】

    拉框助手的所有功能，都必须先使用【矩形选框工具】工具拉一个框

    V1.0.0.3新增功能介绍

    让插件支持 Photoshop 2020

    界面做了一些调整和优化，加入四套皮肤

    用户忘记拉框的时候，弹出错误提示

    配置版块保存失败问题解决

    随机数据功能，不用再辛苦的填写一堆数字了

    支持任意分辨率，过去只考虑过UI设计师，现在平面设计师也方便了

    坐标轴可以设置“没有小数”、“保留一位小数”、“保留两位小数”

    选取颜色改成调用现成的PS色板、支持吸管取色

    图标太多，很难找，现在可以关键字搜索了

    解决了几个难以发现也不太重要的bug

    只有设计师才更了解设计师的需求，为了提高我们这个群体的效率，我硬生生把自己逼迫成了一名开发者，但我依旧是UI设计师：灰色执照

    业余时间坚持开发9个月，每晚9点至12点未曾休息过一天，服务器和域名也需要一定费用，国外相关开发资料299美金至今都舍不得买，做免费插件艰辛且不容易，请开发者喝杯咖啡吧

    微信打赏

    支付宝打赏