welsonla's blog

分类 · Design

首页

关于

归档

loading..
designfigmastudy

Learning-figma-day-2 自定义样式与组件

只是记录一下学习Figma过程中的一些笔记,可能会有更多更方便的使用技巧。 本地样式添加本地样式在Figma 中不论是字体、颜色、样式等都可以添加为自定义的样式,操作步骤如下 点击属性右上的图标,弹出窗口中点击+按钮即可 使用本地样式之后我们再次点击此处就可以看到我们添加到自定义样式, 右侧的调整按钮是我们可以对保存的本地样式进行调整,这样调整后的样式会将使用该样式的元素同步进行更新,比如统一修改App的导航栏颜色、Tabbar的选中颜色等 取消样式关联如果我们使用了本地样式,但是想自己对该样式进行单独的修改, 如应用了阴影等设置,但是想单独调整下阴影的大小,则点击该样式右侧的断开链接图标即可 本地样式列表本地样式在我们鼠标单击空白处会在右侧的属性栏中进行显示,我们可以直接在此处对本地样式进行修改与删..

更多
loading..
designfigmastudy

Learning figma day 1 - 基本操作与Figma的一些常用快捷键

基本操作由于本人只有一台Macbook,以下快捷键都是在Mac系统下的,可能跟Windows系统略有不同 K 等比缩放V 移动CMD+左键 快速选中Frame或组中的子元素Shift + R 标尺CMD+滚轮 放大缩小Shift+ 方向键 每次移动4pxCMD+左键框选 可以防止拖动到底部的Frame整体,只框选范围内的元素Shift + CMD + O 外轮廓描边,转换成一个矩形面积 图形R 矩形O 圆形L 直线T 文字A 画框,快速选择页面原型尺寸,比如手机尺寸、桌面网页、Watch等 数值增加所有的数值都可以在鼠标放到属性框附近的时候,按住Opt 按键左右拖拽鼠标进行增减 图形属性菜单 组和FrameCMD + G 编组Opt + CMD + G 合并为FrameShift + CMD + G 取消编..

更多