必须分别创建ios（375×812px）和android（360×640px）画板，配置平台专属字体（pingfang sc/noto sans han）、差异化网格（ios 8列8px/android 12列16dp）、变体组件库及自动布局参数，确保双平台规范适配。
如果您要在Figma中开展移动端APP设计，并需同时满足iOS与Android双平台的界面规范，必须依据各自系统的设计基准尺寸、字体体系、交互逻辑及画布约束进行差异化设置。以下是具体实施步骤：
一、创建符合规范的iOS与Android画板尺寸
正确设定画板尺寸是适配双平台的基础，iOS与Android在主流设备分辨率、安全区域及视觉密度上存在显著差异，需分别建立独立画板以避免混用导致的还原偏差。
1、点击左侧工具栏的“Frame”工具（或按快捷键F），在画布空白处单击创建新画板。
2、在右侧“Design”面板中，将宽度设为375px、高度设为812px，命名该画板为“iOS iPhone 13”，此为iOS主流设计基准尺寸（兼顾390px的iPhone 13 Pro与360px的Android中端机型）。
3、再次新建画板，将宽度设为360px、高度设为640px（或1080px × 1920px用于高保真标注），命名该画板为“Android Standard”。
4、选中两个画板，在右侧面板“Constraints”中统一设置为“Fixed size”，防止缩放失真；并勾选“Lock aspect ratio”锁定比例。
二、配置平台专属字体与文本样式
字体不仅是视觉呈现要素，更是系统级语义表达的一部分，iOS与Android强制使用不同默认字体族，Figma中需预设对应Text Styles以确保开发可直接调用。
1、在“Assets”面板中点击“+”号，选择“Text styles”新建样式。
2、为iOS创建标题样式：名称设为text/h1/ios，字体选PingFang SC，字号20px，字重600，行高1.4。
3、为Android创建同级标题样式：名称设为text/h1/android，字体选Noto Sans Han，字号20sp（等效px值按1:1映射），字重500，行高1.4。
4、在所有文本图层中，严格使用上述预设样式，禁用手动输入字体或调整行高参数。
三、应用平台差异化布局网格
网格系统需匹配各平台的物理像素密度与触控反馈区要求，iOS倾向紧凑对齐，Android强调材料阴影与留白节奏，列数与间距需分别校准。
1、选中iOS画板，在右侧面板“Design”中点击“Layout grid”旁的“+”，选择“Columns”类型。
2、设置列数为8，间距为8px，边距为16px（符合iOS Human Interface Guidelines推荐的8pt网格系统）。
3、选中Android画板，同样添加列网格，但设置列数为12，间距为16dp，边距为16dp（适配Material Design 3的响应式栅格逻辑）。
4、对两个画板分别再添加“Rows”网格：iOS行高设为8px，Android行高设为16dp，偏移均为0。
四、构建可切换的跨平台组件库
通过Figma组件变体（Variants）实现iOS与Android控件的一体化管理，避免重复绘制，确保状态同步与交付一致性。
1、绘制一个按钮基础容器（Rectangle），内部嵌入文本图层，设置其“Constraints”为“Left & Right”、“Top & Bottom”。
2、选中该按钮，按Option + K（Mac）或 Alt + K（Win）转为组件。
3、在右侧“Properties”面板中点击“Add variant”，创建两个变体，分别命名为Button/iOS/Primary和Button/Android/Primary。
4、在iOS变体中，设置圆角为8px、阴影为0 2px 4px rgba(0,0,0,0.1)；在Android变体中，设置圆角为4dp、阴影为0 4px 8px rgba(0,0,0,0.14)。
5、为每个变体添加“Property”标签，如“platform”设为“iOS”或“Android”，便于后续通过插件批量筛选或导出。
五、启用平台感知的自动布局与约束
自动布局（Auto Layout）需结合平台特性进行方向与弹性配置，尤其在表单、列表、卡片等高频模块中，iOS依赖紧凑堆叠，Android依赖内边距扩展与浮动阴影。
1、选中一个iOS卡片容器（含头像、标题、描述），按Shift + A启用自动布局，方向设为Vertical，间距设为12px，对齐方式设为Left。
2、在该卡片内选中标题文本，将其“Constraints”设为“Left & Right”，确保在窄屏下不溢出；再选中头像，设为“Fixed size”，宽高均设为44px（符合iOS最小触控目标）。
3、对Android同款卡片，启用自动布局后，方向仍为Vertical，但间距改为16dp，头像尺寸设为48dp，并在容器层级添加“Drop Shadow”效果，X/Y偏移设为0，模糊设为8dp。
4、所有自动布局容器的“Resize”行为统一设为Hug contents，禁止手动拖拽拉伸，保障组件在不同屏幕下的自适应稳定性。
