figma ai生成按钮文字错位需四步修复：一、重置padding为对称值；二、启用flex居中对齐（align items/justify content均为center）；三、替换敏感字符并锁定line-height；四、禁用自动缩放，设文字约束为居中且auto resize为none。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在使用Figma AI生成按钮后发现其内部文字在视觉上明显偏上、偏下或左右错位，则可能是由于AI未正确解析字体度量、自动填充了非对称padding值，或默认将文本对齐方式设为top/left而非center所致。以下是解决此问题的步骤：
一、检查并重置Padding数值为对称值
非对称内边距（如padding-top: 8px; padding-bottom: 12px）会直接破坏垂直居中基准线，尤其当按钮高度由内容撑开时，文字基线将随上下留白差异发生视觉偏移。必须确保上下、左右padding严格相等，以建立几何中心锚点。
1、选中AI生成的按钮组件，双击进入编辑状态。
2、在右侧属性栏中定位「Padding」设置区域，确认是否显示为独立输入框（如Top/Right/Bottom/Left）。
3、将Top与Bottom值设为相同数字（例如12），Left与Right值也设为相同数字（例如16）。
4、若仅显示单个「Padding」字段，则点击右侧小箭头展开四向控制，逐一核对并统一数值。
5、观察画布中文本位置变化；若仍不理想，尝试将padding值整体上调2px再微调，以补偿字体ascender/descender视觉权重差异。
二、强制启用Flex垂直水平居中对齐
Figma中按钮若为Frame容器且启用了Auto Layout，其子元素（文字图层）的对齐行为由容器的主轴与交叉轴对齐策略控制。AI常遗漏设置，导致文字沿默认左上角锚点布局，而非中心。
1、确保按钮容器为Frame类型，并已启用Auto Layout（右下角显示蓝色「Auto Layout」图标）。
2、在右侧属性栏中找到「Align Items」选项，将其设为Center。
3、找到「Justify Content」选项，同样设为Center。
4、检查文字图层自身是否被手动设置了X/Y偏移（查看「Position」字段是否为0,0），如有则清零。
5、若文字图层为Text节点，右键选择「Reset Transform」清除任何旋转或缩放残留影响。
三、替换字体度量敏感字符并校验行高
小写字母（如“x”、“a”、“o”）在多数UI字体中具有不均衡的上下伸展比例，AI生成文案若含此类字符且未配合line-height约束，易造成视觉下沉。需通过字符替换与行高锁定双重干预。
1、选中按钮内文字图层，在顶部编辑栏中将内容中的小写“x”临时替换为大写“X”，观察是否瞬时提升居中感。
2、保持文字选中状态，在右侧属性栏中将「Line Height」由「Auto」改为具体数值，例如1.2或20px（需匹配字体大小）。
3、若按钮高度固定（如44px），将Line Height设为与按钮高度一致（如44px），可强制文本块占满容器高度。
4、取消勾选「Auto height」，手动将文字图层高度锁死为与Line Height相同值，防止动态收缩引入偏差。
四、禁用AI自动缩放并重置文本约束
部分Figma AI插件会在生成时为文字图层添加「Hug contents」或「Scale to fit」类约束，导致文字在响应式调整中被非线性压缩，破坏基线对齐。必须解除该行为并改用静态锚定。
1、在图层面板中单独选中文字图层，右键选择「Constraints」→「Edit Constraints」。
2、在弹出面板中，将Horizontal设为Center，Vertical设为Center。
3、关闭「Resize object when resizing frame」开关（若存在）。
4、在右侧属性栏中找到「Text Auto Resize」选项，将其从「Width & Height」改为None。
5、手动拖动文字图层边缘，使其宽度略大于实际文字宽度（约+8px），避免紧贴边界引发渲染截断错位。
