Komposo

什么是 Komposo？

Komposo 是一款 AI 设计工具，可将文本提示或截图转为可编辑的 UI 设计、线框图和落地页。该产品被定位为一种快速从创意过渡到结构化界面设计的方法，无需从空白画布开始。

在整个网站中，Komposo 聚焦于三个相互关联的工作流：从提示词或参考图片生成初稿，通过对话式编辑优化草稿，以及导出用于实现的代码。页面还将其描述为适用于 Web 应用、移动应用、仪表板、SaaS 产品和落地页。

Komposo 能做什么？

基于提示词生成

描述一个布局、应用界面或落地页，Komposo 就会生成初始设计，无需手动绘制线框图。

基于图片输入

上传参考图片，并将其作为新线框图或 UI 方向的起点。

对话式编辑

使用自然语言而不是像素级操作或完整设计工具流程来编辑布局、版块、颜色和组件。

设计变体

从一个提示词生成多个方向，便于团队在选择方案前比较不同布局或风格选项。

代码导出

将生成的作品导出为适用于 Next.js、React、Vue、Astro 和 Expo 等前端框架的代码，或在生成页面导出为 HTML/CSS。

视觉细化

生成后使用内置可视化编辑器继续精细打磨设计，再进行导出。

使用场景

“早期产品原型设计”

创始人和产品构建者可以将粗略的产品想法转化为界面，再通过提示词对布局和文案进行迭代，然后再进入实现阶段。

“UI 探索与优化”

设计师可以生成替代性的 UI 方向，优化组件结构，并在可视化编辑器中继续工作，而无需手工重绘每个界面。

“线框图与规划”

规划新页面的团队可以先创建线框图，以便在确定详细视觉设计之前梳理版块、导航和内容模块。

“落地页创建”

营销团队可以描述一个活动页面，并生成一个可供进一步优化和导出用于发布的落地页草稿。

“设计到代码交接”

开发者可以将导出的代码作为起点，在受支持的前端技术栈中构建界面，而无需从零重建布局。

常见问题

Komposo 可以生成什么？

Komposo 可以根据文本提示或上传的参考图片生成线框图、UI 设计和落地页，也可以导出代码以便进一步开发。源页面将其描述为一种无需下载、无需设置、可在浏览器中完成设计的工作流。

我可以将设计导出到哪些格式？

源页面说明，主页可导出适用于 Next.js、React、Vue、Astro 和 Expo 的干净、可直接用于生产环境的代码，而线框图和 UI 生成页面则可导出 HTML/CSS 代码。

Komposo 有免费方案吗？

定价页面显示有一个免费方案、一个按年计费的 Starter 方案（每月 $15）、一个按年计费的 Pro 方案（每月 $39），以及一个按年计费、每席位每月 $49 的 Team 方案。

我可以自定义生成的设计吗？

这些页面说明可以通过自然语言提示进行编辑、上传参考图片，并在生成后继续在可视化编辑器中完善设计。

Komposo 支持哪些集成？

源页面没有详细列出所有支持的框架或第三方集成。不过，它们多次将该产品定位为基于浏览器的设计到代码工作流。