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

基础操作

  • 复制Ctrl + C / Cmd + C

  • 粘贴Ctrl + V / Cmd + V

  • 剪切Ctrl + X / Cmd + X

  • 撤销Ctrl + Z / Cmd + Z

  • 重做Shift + Ctrl + Z / Shift + Cmd + Z

  • 全选Ctrl + A / Cmd + A

  • 搜索(快速命令)Ctrl + / / Cmd + /

  • 文件切换Ctrl + Tab / Cmd + Tab


画布导航

  • 缩放到适配屏幕Shift + 1

  • 缩放至选中区域Shift + 2

  • 缩放至 100%Shift + 0

  • 平移画布:按住空格键,拖动鼠标

  • 缩放Ctrl + 滚轮 / Cmd + 滚轮


图层操作

  • 锁定图层Ctrl + Shift + L / Cmd + Shift + L

  • 隐藏图层Ctrl + Shift + H / Cmd + Shift + H

  • 删除图层Delete

  • 组(Group)Ctrl + G / Cmd + G

  • 取消组合(Ungroup)Shift + Ctrl + G / Shift + Cmd + G

  • 对齐到左侧Alt + A / Option + A

  • 对齐到右侧Alt + D / Option + D

  • 对齐到顶部Alt + W / Option + W

  • 对齐到底部Alt + S / Option + S

  • 水平居中Alt + H / Option + H

  • 垂直居中Alt + V / Option + V


文本编辑

  • 创建文本框T

  • 加粗Ctrl + B / Cmd + B

  • 斜体Ctrl + I / Cmd + I

  • 增加字号Shift + >

  • 减小字号Shift + <

  • 调整行高:右侧属性面板调整或直接输入数值。


形状与绘制

  • 创建矩形R

  • 创建直线L

  • 创建椭圆O

  • 钢笔工具P

  • 绘制箭头Shift + L

  • 布尔运算(Union)Ctrl + Alt + U / Cmd + Option + U

  • 布尔运算(Subtract)Ctrl + Alt + S / Cmd + Option + S


组件与实例

  • 创建组件Ctrl + Alt + K / Cmd + Option + K

  • 分离组件实例Ctrl + Alt + B / Cmd + Option + B

  • 实例覆盖:双击实例进行编辑。

  • 自动布局Shift + A


颜色与样式

  • 拾取颜色Ctrl + C / Cmd + C(选中色块后)

  • 添加到样式:右侧面板点击 +

  • 切换填充/描边颜色:点击 X


插件与扩展

  • 打开插件菜单Alt + P / Option + P

  • 运行最近的插件Alt + Shift + P / Option + Shift + P


快捷访问

  • 切换图层与资产面板Alt + 1 / Option + 1

  • 切换评论面板Alt + 2 / Option + 2

  • 查看版本历史Ctrl + Alt + H / Cmd + Option + H


交互设计

  • 添加交互:右侧属性面板中设置。

  • 运行原型预览Ctrl + Alt + P / Cmd + Option + P


进阶操作

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐