可免费套用的原型设计模板分享即时设计是一款在线可协作的UI设计工具,是可协作的在线sketch、国内版figma,拥有海量的设计资源与素材,支持导入sketch格式的源文件。支持创建交互原型、获取设计标注、快速切图、团队协作等工作。icon-default.png?t=O83Ahttps://js.design/community?category=explore&source=csdn&plan=btt11211

通用操作

  • 新建项目Ctrl + N

  • 打开项目Ctrl + O

  • 保存项目Ctrl + S

  • 保存所有项目Ctrl + Shift + S

  • 撤销Ctrl + Z

  • 重做Ctrl + Y

  • 复制Ctrl + C

  • 粘贴Ctrl + V

  • 剪切Ctrl + X

  • 删除Delete

  • 全选Ctrl + A

  • 导出 HTMLCtrl + Shift + E


页面操作

  • 新建页面Ctrl + Shift + N

  • 切换页面Ctrl + Tab

  • 页面重命名F2

  • 关闭当前页面Ctrl + W

  • 复制页面:右键页面 → Duplicate

  • 上移页面顺序Ctrl + Up Arrow

  • 下移页面顺序Ctrl + Down Arrow


图层与对象操作

  • 锁定/解锁对象Ctrl + Shift + L

  • 隐藏/显示对象Ctrl + H

  • 组合对象Ctrl + G

  • 取消组合Ctrl + Shift + G

  • 置于顶层Ctrl + Shift + ]

  • 置于底层Ctrl + Shift + [

  • 向上移动一层Ctrl + ]

  • 向下移动一层Ctrl + [


对齐与分布

  • 左对齐Ctrl + Alt + L

  • 右对齐Ctrl + Alt + R

  • 顶部对齐Ctrl + Alt + T

  • 底部对齐Ctrl + Alt + B

  • 水平居中对齐Ctrl + Alt + C

  • 垂直居中对齐Ctrl + Alt + M

  • 水平分布Ctrl + Alt + H

  • 垂直分布Ctrl + Alt + V


编辑文本

  • 编辑文字:双击对象,或 F2

  • 加粗Ctrl + B

  • 斜体Ctrl + I

  • 下划线Ctrl + U

  • 增大字号Ctrl + Shift + >

  • 减小字号Ctrl + Shift + <


形状与组件

  • 插入矩形R

  • 插入圆形O

  • 插入线条L

  • 插入图片Ctrl + Shift + I

  • 插入动态面板Ctrl + Alt + D

  • 插入母版Ctrl + Shift + M


交互与动态效果

  • 添加交互:右键对象 → Add Interaction

  • 编辑交互:双击对象或快捷键 Shift + F9

  • 预览项目F5

  • 生成 HTMLCtrl + Shift + G


标尺与网格

  • 显示/隐藏标尺Ctrl + R

  • 显示/隐藏网格Ctrl + Shift + G

  • 开启/关闭对齐网格Ctrl + Shift + Y


快捷搜索与帮助

更多推荐