详细介绍
主要功能
可视化代码编辑
提供类似Figma的界面来可视化编辑React应用，直接在浏览器DOM中进行编辑，实时将更改写回代码。
AI辅助构建
使用AI聊天功能构建、设计和实验想法，超越简单的像素级设计，让前端界面更具交互性。
设计系统支持
使用代码中已构建的设计系统，在类似Figma的界面中工作，支持自定义变量、插入组件等。
实时预览部署
在构建过程中预览应用，完成后一键部署上线，整个流程无需离开Onlook环境。
图像转代码
将图像作为参考拖拽到Cascade中，快速构建相应的设计界面。
React项目兼容
支持任何使用Tailwind CSS的React网站，可导入现有项目或在Onlook中创建新项目。
适用角色
UI/UX设计师
让设计师能够直接在代码中工作，将设计和开发流程无缝结合，提升设计到实现的效率。
前端开发者
提供可视化的开发界面，让开发者能够更直观地调整布局和样式，加速前端开发流程。
产品经理
快速制作交互原型，验证产品想法，无需深度编程知识即可创建可用的产品界面。
工具特点
完全开源
项目在GitHub上开源，代码透明，社区驱动开发，用户可以审查和贡献代码。
本地优先
所有代码保留在用户设备上，永不离开本地环境，确保代码安全和隐私保护。
无vendor锁定
不绑定特定平台，支持现有构建流程，无需迁移，可随时回滚到传统开发方式。
使用场景
设计到代码转换
设计师完成UI设计后，可以直接在Onlook中调整和优化，实时看到代码变化，无需等待开发者实现。
快速原型制作
产品团队可以快速创建交互原型，测试用户体验和功能流程，加速产品迭代周期。
现有项目优化
将现有React项目导入Onlook，通过可视化界面快速调整样式和布局，提升开发效率。
收费方案
个人免费版
完全免费使用，包含所有核心功能如可视化编辑、AI辅助、实时预览等，适合个人开发者和小团队。
团队协作版
未来将提供团队协作功能，支持实时编辑、评论系统、团队管理等高级功能。
使用方法
桌面应用使用
下载Onlook桌面应用，支持Apple Silicon Mac和Windows系统。安装后可以导入现有的React + Tailwind项目，或者创建新项目。通过类似Figma的界面进行可视化编辑，所有更改会实时反映到代码中。支持热重载，无需手动刷新即可看到更改效果。
网页版使用
即将推出的Onlook for Web版本，无需下载即可在浏览器中使用。支持从文本或图像开始创建，使用预构建模板，从Figma导入设计，或从GitHub仓库开始。提供实时代码编辑器、检查点保存恢复、CLI命令运行等完整开发工具。
最新资讯
亚马逊云科技入局Vibe Coding，推出Kiro重塑开发流程
马斯克的XAI推出【智能伙伴】功能，居然支持18禁模式？
Google开源了一个AI命令行神器，程序员狂欢！这就是传说中的Gemini CLI
Cursor AI编程工具模型全面解析：2025年最新完整模型列表与深度对比
用Veo 3+Suno做了个AI Rapper，吊打音乐节上的流量明星
相似工具推荐
发现更多同类优质AI工具
Qodo
专业的AI代码质量平台，提供智能代码审查、测试生成和代码优化，帮助开发者提升代码质量和开发效率
金灵AI
金灵AI是一款基于大语言模型的智能助手工具，提供自然语言对话、文档处理分析、知识问答等功能，帮助用户提高工作和学习效率。
通义灵码
阿里云推出的智能编码助手，基于通义大模型提供代码智能生成、研发智能问答、编程智能体等能力，引领AI原生研发新范式。
AWS CodeWhisperer
AWS官方AI代码助手，现已整合到Amazon Q Developer中，提供实时代码建议、安全扫描和智能编程辅助，专为AWS开发优化
文心一言
百度全新一代知识增强大语言模型，文心大模型家族的新成员，能够与人对话互动，回答问题，协助创作，高效便捷地帮助人们获取信息、知识和灵感。基于飞桨深度学习平台和文心知识增强大模型，持续从海量数据和大规模知识中融合学习，具备知识增强、检索增强和对话增强的技术特色。
Trae
AI原生IDE，致力于成为真正的AI工程师助手，通过智能生产力与开发者默契配合，实现高质量、高效率的编程体验。
ChatGLM
智谱AI推出的基于GLM架构的对话语言模型，支持中英双语，具备强大的逻辑推理和代码生成能力。
DeepSeek
DeepSeek是一家专注于AGI的AI公司推出的大语言模型，具备O1级别的深度推理能力、强大的代码生成能力和数学推理能力，以极低成本提供高质量AI服务。
豆包
字节跳动推出的AI智能助手，基于豆包大模型，提供智能对话、内容创作、图像生成、文档处理等全方位AI服务，支持多端使用。
Windsurf
全球首个Agentic IDE，让开发者与AI真正实现流畅协作的代码编辑器，提供超越传统AI辅助编程的魔法般编码体验。