用 Figma 制作完整的项目 全过程教学（一）界面篇

这是一个系列视频，共 1、2、3，本期是从零开始用 Figma 画界面，基本 Figma 常见的功能都有用到，下期第二部视频是专门讲组件命名，第三部是 Figma 的切图导出。

00:00 介绍
01:24 首页：顶部导航
05:42 首页：横向卡片
07:57 首页：节目卡片列表
19:44 首页：底部切换栏
26:22 全局：悬浮播放工具栏
29:58 探索页：顶部导航
32:21 探索页：搜索框
36:04 探索页：切换栏
41:25 探索页：横向卡片
51:39 活动页：记录页
54:37 活动页：订阅页
56:09 弹窗：个人中心
01:05:15 弹窗：播放界面
01:19:55 原型连线


演示文件：

https://www.figma.com/file/LxT80ribUlYAAWwABBu7bX/Google-Podcasts?node-id=0%3A1

用到的谷歌填充教学：

https://www.youtube.com/watch?v=euDwMDwns9c

----

My Bilibili:
https://space.bilibili.com/108104104

#figma #ui #教程 #教学 #design #ux #tutorial