Figma Design Learn

Figma Design Learn

浏览界面

探索

在Figma Design 中使用AI工具

探索设计文件

更改画布的背景颜色

从工具栏访问设计工具

浏览 UI3:Figma 的新界面

在左侧边栏查看图层和页面

在右侧边栏设计、原型和探索图层属性

文件工具

在 Figma Design 中使用操作菜单

Figma 中的键盘快捷键

设置微调值(小和大)

调整缩放和视图选项

设置文件的自定义缩略图

向画布或框架添加指南

在 Figma Design 中查看图层轮廓

在 Figma 中查找和替换

创建设计

创建和编辑图层

Figma Design 中的框架

用铅笔工具在画布上绘制

形状工具

框架和组的区别

弧形工具:创建弧形、半圆形和圆环

蒙版

图层处理

在画布上批量编辑对象

识别匹配对象

父子关系和兄弟关系

选择图层和对象

调整对齐、旋转、位置和尺寸

复制和粘贴对象

缩放图层同时保持比例

使用区块组织你的画布

测量图层之间的距离

锁定和解锁图层

切换可见性以隐藏图层

重命名图层

在不同图层间复制粘贴属性

使用智能选择排列图层

应用约束以定义图层如何调整大小

创建布局指南

组合布局指南和约束

使用矢量工具进行设计

使用形状构建工具创建自定义形状

矢量网络

编辑矢量图层

布尔运算

扁平化图层

将文本转换为矢量路径

文本和排版

Figma Design 中的文本指南

探索文本属性

添加字体到 Figma 设计

浏览和应用字体

创建和应用文本样式

调整文本尺寸和缩放

添加文本链接

为文本添加表情符号和智能符号

创建项目符号和编号列表

使用图标字体

使用 OpenType 功能

使用变体字体

添加中、日、韩文字

添加从右到左的文本

颜色、渐变和图像

将图案用作填充或描边

使用吸管工具取样颜色

[02 Area/设计/Figma Design Learn/Figma 中的涂料|Figma 中的涂料]

为文本和形状图层添加填充

将图像作为填充上传

向设计文件中添加图像和视频

使用颜色选择器应用颜料

批量添加图片和视频

使用混合模式创建独特效果

在画布中粘贴图片

查看和调整混合选择中的颜色

裁剪图像

调整图像属性

其他属性

应用和调整描边属性

为图层应用效果

调整圆角半径和平滑度

使用自动布局

创建多维自动布局流程

使用自动布局中的水平和垂直流程

使用网格自动布局流程

自动布局指南

在设计上切换自动布局

Figma Draw

探索 Figma Draw

使用插图工具绘图

创建带变换的图案

构建设计系统

样式 Styles

Figma Design 中的样式

创建颜色、文本、效果和布局指南样式

管理和共享样式

组件 Components

Figma 组件指南

创建可重复使用的设计组件

创建和使用变体

使用变体创建交互式组件

探索组件属性

命名和组织组件

变量 Variables

变量和样式的区别

Figma 中变量的使用指南

变量、集合和模式的概述

创建和管理变量和集合

变量的模式

将变量应用于设计

创建和共享库 Create and share libraries

Figma 库指南

为样式、组件和变量添加描述

发布库

移动已发布的组件

编辑主组件

隐藏样式、组件和变量时发布

取消发布库

使用库 Use libraries

开始使用 Apple 的 UI 套件

开始使用 UI 套件进行设计

将样式应用于图层和对象

审查并接受库更新

切换样式和组件库

创建并插入组件实例

将实例从组件中分离

将更改应用到实例

使用组件属性编辑实例

管理你的库 Manage your libraries

从设计文件中添加或删除库

启用草稿中库的访问权限

为团队启用库

交换组件和实例

移除您对图库的访问权限

开发者模式

浏览界面

开发模式指南

在开发模式下导航设计

管理员用的开发模式

检查设计

检查设计的指南

比较开发模式中的更改

添加测量值并标注设计

开发模式中的变量

将设计转换为代码

开发模式 MCP 服务器的指南

代码连接

在开发模式下使用代码片段

在开发模式下将开发资源链接到图层

Figma for VS Code

组织范围内的开发模式

开发模式状态和通知

开发模式焦点视图

开发模式已准备好进行开发预览

管理组织的开发模式设置

创建原型

指南 Guides

Figma 原型制作指南
原型状态管理

创建原型

高级原型

查看原型 View prototypes

导入和导出

文件协同工作

评论

Figma 中的评论指南

为文件添加评论

查看和管理评论

移动或编辑评论

对原型进行评论

管理文件评论的邮件通知

多人工具

查看您的文件查看历史

使用聚光灯向协作者展示

在 Figma Design 中使用光标聊天

优化设计文件以供开发者交接

分支和合并

分支指南

分享分支

从主文件获取更新

查看和管理分支

请求分支审核

审查分支变更

将分支合并到主文件

不完整的合并或更新

视频教程

Figma 础教学2024|20分钟快速上手Figma基础操作(中文版)

零基础学Figma 【酸梅干超人出品】

The Bézier Game

figma中制作圆环效果的常见两种方法 - 简书

UXBAIKE - 只分享有价值的设计经验

Figma教程!教你一次性搞定 9 种视觉效果 - 优优教程网 - 自学就上优优网 - UiiiUiii.com