【Figma学习】App制作一

Figma学习】App制作一"/>

【Figma学习】App制作一

###########################################################
流程：
1.项目框架搭建
2.页面制作流程
3.设计规范整理
4.数据填充操作
5.交互原型制作
6.工作交接方式
1.项目框架搭建
前提：UI界面在软件中大多通过画框控制
1.点击画框选择常用页面
2.确定顶部 44
3.确定导航栏 44
4.最下方标签栏
5.确定边距
1.借助矩阵工具2.Shift + R键调用标尺工具
2.借助布局网格，调整为列，列数越多可调整的元素越多，边距可调整为相应的距离，竖直网格之间的间距也可调整
3.借助矩形工具确定框架结构
6.小程序多了胶囊（社区搜索wechat）
标签栏组件制作
居中对齐可以借助矩形选框
###########################################################
制作变体组件
1.创建多个组件
Create component / Ctrl + Alt + K
2.全选所有组件/Ctrl + R/输入重命名的名称
current name加/分别进行命名
重新框选所有合并为变体
将其中一个拖拽出来，则可对不同的状态进行切换

补充知识：
1.强制嵌套 移动 + Ctrl

2.Frame复制后会成为成为实例
Frame母版会影响实例操作