AI 设计系统生成器

目标

• 分析参考截图或品牌描述以提取设计模式
• 生成具有语义命名的综合颜色 Token 系统
• 生成包含标题和正文预设的排版比例
• 创建使用生成 Token 样式化的实时预览组件示例
• 将设计 Token 导出为 CSS 变量、Tailwind 配置和 JSON

提示

• 使用视觉模型从截图中提取颜色、字体和间距
• 应用色彩理论将少量提取的颜色扩展为完整的 Token 系统
• 使用生成的 Token 渲染实时组件预览以获得即时反馈

资源

• platform.openai.com/docs/guides/vision
• tailwindcss.com/docs/customizing-colors

评论 (0)