当前位置：
AIGC文章详情

张大妈

Figma MCP 配置与实战：基于设计规范的自动化布局生成

源自抖音：GoodBikePyke

04-14 16:18

精选参考来源

Codex+Figma 快速生成响应式布局并支持修改 以前我一直把 Figma MCP 当成“读设计稿/辅助出代码”的工具，后来才发现，它在“响应式改稿”这件事上也特别好用。 这次我拿一张后台 dashboard 做测试，目标很明确: 左侧导航固定不动，右侧内容区跟随屏幕宽度自适应，而且客户列表、表头字段、内容卡片都要-起响应式变化，不是只拉一个外壳。 这里我觉得最关键的，不是“能不能改”，而是“有没有把规则改对”: 左侧导航 fixed，右侧内容 fluid 内容区拉伸后，左右边距保持稳定 表格容器变宽时，内部字段列也要一起响应式调整所有元素内容不乱改，头像、图标、badge 都要保留 改完要真的拉宽验证，而不是只看静态截图。 真正有用的 MCP，不是帮你“随便生成一版”，而是你把规则说清楚之后，它能不能严格按规则落到 Figma 里。 所以如果你以后也想用 Codex/MCP 改响应式稿提需求时尽量写明确:“左栏 fixed，右侧自适应左右 gutter 不变，元素内容不改，表格列跟着伸缩。 这样出稿会稳很多，更接近真实前端实现逻辑。如果你们想看，我可以继续整理下一篇:“怎么把这些响应式要求写成 skill，后面一句话直接复用” #Figma #Codex #响应式布局 #UI #UX

GoodBikePyke 2026-04-09

来自抖音
内容由AI生成
0
0
扫一下，分享更方便，购买更轻松
0评论

当前文章无评论，是时候发表评论了
提示信息

取消
确认
评论举报

最新文章 热门文章
查看更多

已收藏
去我的收藏夹