返回

从零开始学Figma

#UI设计通识
13%
进度
0/4
知识点
0
笔记
概述
Figma的基础认识
Figma的初识和学习准备
Figma的注册和安装
Figma的会员说明和教育版使用
Figma的主要界面认识
Figma的基本操作
Figma的工具栏
Figma的属性设置
Figma的图层和编组类型
Figma的字体设置详解
Figma的图片设置介绍
Figma的蒙版设置
资源社区和组件库使用
开始使用Figma设计界面
Figma的矢量应用
关于矢量和位图认识
矢量中的钢笔工具
矢量中的布尔运算
使用Figma绘制图标
Figma的布局功能
约束响应式功能的使用
Figma自动布局基本认识
自动布局中的自适应逻辑
并列布局的自适应类型
自动布局的相互嵌套
Figma中的格线系统
Figma的样式与组件
Figma的图层样式管理
Figma的组件功能入门
Figma的组件变体入门
Figma的变体功能进阶
Figma组件的管理方式
Figma中的变量定义
Figma的交互功能
Figma的交互基础认识
Figma的页面滚动设置
Figma的页面基础跳转
Figma的智能动画应用
Figma的弹窗效果
Figma交互中的变量和条件
Figma 的插件部件
Figma的插件认识
Figma中的小部件
首页知识库UI设计通识从零开始学Figma

Figma的主要界面认识

酸梅干超人 编辑于 2024-11-05332人正在学
10

学习 Figma 需要先了解它的主要界面和模块有哪些,下面是它的主要功能和页面的层级地图:

  • Figma
    • 主页
      • 团队管理
      • 资源管理
    • 官方社区
    • 创建内容
      • 设计文件
        • 设计模式
        • 交互模式
        • 开发模式
        • 演示模式
      • 白板文件
      • 演示文件
        • 设计模式
        • 演示模式

需要注意的是,Figma 除了作为UI设计工具外,还陆续拓展了其它功能模块,包括远程白板工具 Figma Jam 和幻灯片演示工具 Figma Slide。

这些功能主要应用于团队办公和协作的场景,是 Figma 进军其它领域的尝试。在本套知识库中,我们主要讲解设计软件相关的功能和服务。


主页

主页是登录账户后展示的默认页面,主要用于连接 Figma 的不同功能、页面,以及管理团队和项目资源。

只要创建 Figma 账户,那么进入主页后就需要先创建或加入团队 Team,并以团队纬度来编辑和管理文件(即使你只自己用也是如此)。

在左侧导航中会展示当前所选的团队,以及团队包含的文件 Drafts 和项目 All Projects。项目约等于一个文件夹,可以在里面创建设计文件。如果对项目添加星号,则会将项目入口添加到下方的 Starred 列表中。


官方社区

官方社区从顶部工具栏中进入,社区内和设计相关的资源包括设计素材和插件。在社区首页可以通过搜索栏搜索你想要的资源。也可以通过顶部的导航栏选项来进入指定的分类列表。


设计模块

通过创建设计文件或打开设计文件可以进入设计界面,而在设计界面。在 UI3 中,Figma 的界面和旧版有了很大的更新。

  • 左侧是设计文件的资源管理面板,用于展示设计文件内的页面 Page,图层Layer,资产 Assets。
  • 中间是设计的画布,用于进行设计的创建和展示。
  • 右侧是属性面板,用于管理不同对象、图层的属性设置。
  • 下方是工具栏,提供设计相关的操作选项。

设计界面对于初学者是最重要,但它还可以从设计模式切换到其它模式,主要包括开发模式和交互模式。

为了展示交互效果,以及分享文件供其他用户查看,在设计界面右上方点击播放按钮还可以进入演示模式。

了解以上信息,可以帮助我们更快的掌握软件的使用。

点赞
收藏
学会
714910332
下一篇: Figma的工具栏
Figma中的工具栏包含7个选项和一个开发/设计模式开关。每个选项旁边有个展开图标,点击可以展开查看隐藏的工具选项。 每个选项旁边的英文字母就是它的键盘快捷键,可以通过该字母快速进行选择,下面我们轮流来解释每个工具选项的功能。 选项1: Move(快捷键V):选择工具,将鼠标切换成点击可以选中并移动...
笔记 (10)
只看自己
logo
cc 记录于 2025-04-01
mark
原文: 左侧是设计文件的资源管理面板,用于展示设计文件内的页面 Page,图层Layer,资产 Assets
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞