![](https://img-blog.csdnimg.cn/61c78626051b45739a2a4c124d8f76a4.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Figma 入门学习
文章平均质量分 75
零基础学习 Figma,记录学习笔记
求财专用糖
这个作者很懒,什么都没留下…
展开
-
第五课:Figma 玻璃拟态页设计
若添加背景模糊后会发现不太清楚,可减少透明度时数值;超人电话亭 零基础学 Figma。原创 2023-07-12 15:53:28 · 2062 阅读 · 0 评论 -
第四课:Figma 图标设计
带角度的箭头 shift + L ,按住 shift 键调整以 45 度角调整箭头方向,右侧属性面板可调节箭头方向和线条类型:圆角/直角。绘制图标时,需要多大尺寸的图标,建立多大尺寸的画板,绘制好图标后,按住 alt 键将画板拖入界面中,可保持画板大小,统一图标规范;选择形状,点击右侧属性面板的颜色,切换渐变模式,Linear 中选择渐变类型;选择线段,右键,选择 Outline stroke,即可将线段转为形状;正方体 R + shift,右侧属性面板可调整描边显示方向,描边类型;原创 2023-07-07 17:09:06 · 1507 阅读 · 0 评论 -
第三课:设计小技巧
下载一份官方规范,将官方规范文件置入到 Figma 中,若是使用网页版,建议打开两个 Figma 网页,在两个网页中分别打开规范文档和需要设计的项目,这样便可以通过 Tab 切换,快速将官方文档中的文件复制粘贴到设计项目中;将需要创建蒙版的图形编组(快捷键 ctrl + g),将蒙版放置在编组中的最后一层,选择蒙版层,右键设为蒙版(快捷键:alt + cmd + m);前期设计时,建议打开标尺,快速拖拽参考线,快捷键 shift + r 可查看或关闭标尺;形状中间的小圆圈,可点击快速调整模块顺序;原创 2023-07-07 14:44:02 · 159 阅读 · 0 评论 -
第二课:Figma 界面认识
Figma 正常情况下,文件直接保存在线上,如需要保存在本地,双击项目进入文件,选择左上角 Figma 图标,选择文件,保存本地副本,即可将对应的项目下载到本地;搜索需要的内容,除了有对应的项目文件外,还会提供一些对应的插件,点击左侧插件,进入插件页面,选择所需插件,点击后方的 Try it out 即可在线安装;进入 Figma 后,可以查看最近浏览的内容,官方也推荐了一些基础的项目,点击右上角 Design file(设计文件)即可创建项目;注:网页版和本地版界面样式布局一致。原创 2023-07-06 16:52:53 · 700 阅读 · 0 评论 -
第一课:Figma 软件安装与汉化
Figma 是一款可在线协作的UI设计软件,最大的亮点在于它基于 WEB 平台研发,能支撑全平台操作系统的运行,适合各种场景下的使用。原创 2023-07-06 15:23:28 · 4731 阅读 · 1 评论