产品亮点
聊天式交互，边聊边出设计
实时预览生成的设计元素
可用 Tailwindui、shadcn 等优质组件
Monaco 代码编辑器，支持撤销和保存
你能用它做什么
- 设计师与团队讨论并实时编辑设计元素
- 网页设计师创建表单和按钮并预览调整
- 团队共同设计落地页，即时查看效果
怎么用
- 1 访问 Langcss 并加入免费等待名单
- 2 获取测试版访问权限后进入工具
- 3 在聊天中描述设计需求，讨论创意
- 4 使用组件和 HTML 编辑完善设计
- 5 实时预览效果，保存满意的版本
适合谁使用
想快速出原型的网页设计师需要与团队讨论设计的设计师习惯用组件库搭建界面的开发者
优点
- 可免费加入等待名单体验测试版
- 聊天加实时预览，反馈比较直接
- 集成多个常用组件库，复用方便
局限
- 仍是早期测试版，功能可能不完整
- 需要加入等待名单才能使用
- AI 引擎目前支持 OpenAI，其他在计划中
Langcss 是什么
Langcss 是一个早期测试版产品，定位是聊天式设计助手。你通过聊天交流讨论设计创意，它可以生成表单、按钮、落地页等设计元素，并实时预览效果。在聊天过程中你可以直接编辑 HTML，使用 Tailwindui、shadcn、flowbite、daisyui 等优质组件，也支持 SVG 设计。产品提供 Monaco 代码编辑器，支持撤销、返回和保存，并采用 AI 流式输出。
你能用它做什么
- 用聊天方式讨论创意，生成设计元素
- 在实时预览中调整表单、按钮和落地页
- 编辑 HTML，调用常用组件库
- 用 Monaco 编辑器管理代码，保存版本
适合谁使用
- 想快速出原型的网页设计师
- 需要与团队实时讨论设计的设计师
- 习惯用组件库搭建界面的开发者
需要留意什么
它仍是早期测试版，功能和稳定性可能不完整，使用前建议有心理预期。目前需要加入等待名单才能获得访问权限，不能直接注册使用。AI 引擎方面目前支持 OpenAI，其他引擎还在计划中。测试版产品的界面和流程也可能随版本调整变化。
常见问题
Langcss 现在能用吗？
它是早期测试版，可免费加入等待名单获取访问权限。
支持哪些组件库？
支持 Tailwindui、shadcn、flowbite、daisyui 等。
能边聊边改代码吗？
可以在聊天中编辑 HTML，并有 Monaco 代码编辑器。
为什么说它免费
官网写明的免费方式： 免费
免费额度、试用天数与功能范围由官网决定，随时可能调整，请以官网为准。
产品截图
截图归档自收录页面，仅供预览参考。
