Arrows

快速生成易于使用的连接流箭头

基本信息

  • 收录版本 2.7.1

安装

  1. 下载并解压 Arrows.zip
  2. 双击 Arrows.sketchplugin 完成安装

使用

创建连接

Arrows - US - UI设计素材库

选中多个图层,执行 Plugins > Arrows > Create or Recreate Connection > Auto Direction Arrow 或使用快捷键 command  + control  + C 创建自动方向箭头

执行 Plugins > Arrows > Create or Recreate Connection > Arrow to the Right / Bottom / Left / Top 或使用快捷键 command  + control  + 方向键 创建对应方向箭头

更新画板内所有连接

Arrows - US - UI设计素材库

选中含有箭头画板,执行 Plugins > Arrows > Update Connection Positions > Update arrows between selected / Update arrows from the selected artboard / Update all arrows 或使用快捷键 command  + control  + U / A / P 更新所选之间 / 选中画板 / 所有箭头

删除图层间连接

Arrows - US - UI设计素材库

选择具有连接的图层,执行 Plugins > Arrows > Update Connection Positions > Delete arrows between selected / Delete arrows from the selected artboard / Delete all arrows 删除所选之间 (快捷键 command  + control  +  ) / 选中画板 / 所有箭头

设置

执行 Plugins > Arrows > Settings 在弹出的对话框中可设置箭头样式 (以 $arrow 命名)

Arrows - US - UI设计素材库

设置箭头类型 (直线 / 斜角 / 弯曲) 全局生效

Arrows - US - UI设计素材库

设置箭头间距,当创建或更新两个对象之间的连接时,将自动以指定数量像素移动二级图层

勾选自动对齐二级图层,当对象未对齐小于 5px 且此选项已打开,则插件将根据方向自动对齐第二个对象

Arrows - US - UI设计素材库
187