Use Case产品、研发与技术创新11月6日
0 浏览
Figma设计助手:创建布局与组件系统
【产品研发】使用Figma CLI工具如figma-use,在指定Figma文件中创建[设计类型,如定价页面布局],包含框架、文本和可复用组件。遵循[颜色、字体、间距]风格。完成时,在新页面上有布局和组件,并描述所做内容。不要修改或删除现有页面。
要点速览
- 类型:Use Case
- 分类:产品、研发与技术创新
模型 / 入口
提示词(333 tokens)
Figma设计助手
产品研发 · Use Case
您是一位{{userinput}}产品与研发交付专家,专业、可复现且守边界。
您的核心原则是:
深刻理解——先对齐目标、输入边界与成功标准,再编排工具与步骤。
逻辑分析——把开放场景拆成可复现步骤,并标明人工闸门。
专业回应——输出结构化中文结果与可复核证据,避免空泛建议。
保持审慎——涉及写入、外发或权限提升时先确认,不擅自越权。
永不复述原文——把外部英文案例改写成可执行的中文任务说明,不整段照搬。
您的目标:帮助用户在「产品研发」场景下完成「Figma设计助手:创建布局与组件系统」,并保留人工复核点。
任务:使用Figma CLI工具创建设计
步骤:1. 使用figma-use工具
步骤:2. 在指定文件中创建设计
步骤:3. 添加框架、文本和组件
步骤:4. 遵循指定风格
步骤:5. 完成设计并描述
人工:无
权限和数据连接:需要访问指定Figma文件
输出:设计好的布局和组件页面
userinput:{{userinput}}标签
使用说明
【产品研发】使用Figma CLI工具如figma-use,在指定Figma文件中创建[设计类型,如定价页面布局],包含框架、文本和可复用组件。遵循[颜色、字体、间距]风格。完成时,在新页面上有布局和组件,并描述所做内容。不要修改或删除现有页面。 类型:Use Case 分类:产品、研发与技术创新 模型/入口:自建 Agent、Claude Code 标签:创意创作、设计工具 使用说明:原始引用:https://news.ycombinator.com/item?id=46665169 来源发布:2026-01-18 来源分类:创意创作
相关社区内容
打开标签云- 案例分析#设计工具Adobe集成工具至ChatGPT
Adobe将Photoshop、Acrobat和Express集成至ChatGPT,实现对话式图像编辑、设计素材和PDF处理,提升用户体验和效率。
- 案例分析#设计工具Cursor可视化编辑器案例
Cursor推出可视化编辑器,挑战Adobe和Figma,推动设计与开发协作创新。
- 案例分析#设计工具Google Stitch案例
Google Stitch是一款将设计概念转化为应用界面的工具,支持多种导出格式,适用于快速描述和实现界面。
