需预设Dashboard-Shell母版框架并用结构化提示词驱动AI生成KPI卡片群：先建1440px宽的透明Frame并标注data-role="dashboard-root"，再嵌套启用Vertical Auto Layout的KPI-Cards等子Frame，最后通过像素级提示词（如尺寸、颜色、对齐）触发AI生成，再局部重绘优化并转为可复用组件。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在Figma里用AI快速生成整齐、语义清晰、可开发对接的KPI卡片群，不能只靠“画几个方块+填数字”这种手动堆砌方式——AI会把卡片打散在画布各处，命名混乱，尺寸不一，后续改数据或加交互时全得重来。
预设Dashboard-Shell母版框架，让AI生成结果自动归位
第一步：新建一个Frame，命名为【Dashboard-Shell】，宽度设为1440px，高度设为Auto，背景透明；在Properties面板底部手动输入data-role="dashboard-root"作为注释——这行文本是AI识别仪表盘根容器的关键锚点，漏写会导致后续所有子Frame无法被语义绑定。
第二步：在这个Shell内，按顺序添加四个子Frame，分别命名为KPI-Cards、Chart-Section、Data-Table、Alert-Panel；全部启用Vertical Auto Layout，并设置KPI-Cards的宽度为Fill Container、高度为Auto——这样AI生成的KPI卡片才会垂直堆叠、自动撑高，不会挤成一团或悬空。
第三步：选中KPI-Cards Frame，在右侧Constraints面板中将Horizontal设为Left，Vertical设为Top——防止AI生成后因画布缩放或拖动导致卡片位置偏移。
用结构化提示词触发AI精准生成KPI卡片群
方法一：在Figma Make或Galileo AI输入框中，粘贴以下提示词：
“KPI-Cards区域：3列×2行共6张指标卡片，每张含标题（14px Medium）、数值（28px Bold）、趋势箭头（上/下图标）、单位（12px Regular），卡片宽280px、高120px、圆角8px、间距16px；标题左对齐，数值居中，趋势箭头右对齐；统一使用#2563EB主色，数值下方浅灰分割线；禁止阴影、渐变、图标文字混排。”
方法二：若需动态适配不同屏幕，把“3列×2行”替换为“响应式网格：最小列宽260px，最大列数4，自动换行”，并追加约束：“所有卡片启用Horizontal Auto Layout，主轴间距16px，交叉轴对齐Stretch”。
【注意】别写“看起来专业”“风格统一”这类主观描述——AI无法解析。必须写死像素值、对齐方式、颜色十六进制码、是否启用Auto Layout等可执行参数。
局部重绘优化单张KPI卡片样式与数据语义
第一步：选中某一张AI生成的KPI卡片，右键→“Redraw with AI”→在弹窗中输入：“这张卡片代表‘月度销售额’，数值应为¥1,284,732，趋势为↑3.2%，单位是‘万元’；标题字体加粗，数值用深灰#1E293B，趋势箭头用绿色#10B981，右上角加微光效果（描边0.5px #ECFDF5）。”
第二步：确认后AI会保留卡片结构，仅重绘内容层——此时检查数值是否自动应用千分位分隔符、箭头是否对齐右侧边缘、单位是否紧贴数值右端。若未对齐，说明原始卡片未启用Auto Layout，需手动选中数值文本层→右键→“Attach to Auto Layout”。
第三步：复制这张已调优的卡片，Ctrl+D连续粘贴5次；全选6张→右键→“Make into Component”→命名为“KPI-Card / Sales”。这一步建立可复用组件，后续新增卡片直接从Assets面板拖入，无需再次AI生成。
