Figma Make Prompt 系列续:响应式断点策略师模板
Aiden_Tech_Ai · x · 2026-09-22
作者提示词系列的第 7 条:响应式行为策略师。
- 让 AI 扮演响应式设计专家,按 Mobile 375px / Tablet 768px / Desktop 1440px 三档断点为网站做规划。
- 每个区块需定义六项:布局变换(grid 折叠为 stack、侧栏变抽屉)、字号缩放、图片行为(裁剪/缩放/隐藏/替换)、导航适配(汉堡菜单/侧栏/横向)、间距调整、内容优先级。
- 上下文还展示了如何把动画翻译成 Figma Make 能理解的自然语言描述(如导航栏滚动时 80px 缩到 60px、ease-out 300ms 等),再粘贴进 prompt。
所属事件:Figma Make 提示词系列更新:数据集成与响应式设计模板(2 条相关)→
「编程与Agent」频道最新
- 开发者开源 Google ADK 编程智能体技能集,覆盖部署与护栏实践 — Difficult_Design6676 · 2026-09-22
- 优化 Claude Code harness 一周,Max 20x 用量质量不减还富余 9 小时 — carlito_17 · 2026-09-22
- OpenAI 展示外科医生用 Codex 自建工具并检索 PubMed 文献 — OpenAIDevs · 2026-09-22
- 语义检索≠相关性:个人 Agent 记忆系统要拆开看的四层 — sujingshen · 2026-09-22
- JevHarness：LLM 自动生成决策 harness，冻结后极速执行 — sujingshen · 2026-09-22
- 文件优先的 Claude 项目 harness:11 个生命周期环节全设人工审批门 — bishopZ · 2026-09-22