Onlook 中文网

欢迎来到 Onlook!

【Welcome to Onlook!】

Onlook 是一个“为设计师而生的 Cursor”,可以让设计师直接在浏览器 DOM 中对 React 和 TailwindCSS 项目进行实时编辑。它在设计与开发之间提供了无缝的整合。

【Onlook is a "Cursor for Designers" that enables designers to make live edits to React and TailwindCSS projects directly within the browser DOM. It provides a seamless integration between design and development.】

Onlook 界面 Onlook 的直观设计界面让你可以直观地编辑 React 组件

Onlook是什么?

【What is Onlook?】

https://www.youtube.com/embed/RjFBUkVfy1E

Onlook 让你可以:

【Onlook lets you:】

  • 在类似浏览器的界面中直接编辑设计
  • 让更改自动反映在代码中
  • 使用 AI 辅助生成和修改代码
  • 通过主题系统管理项目样式
  • 直接从应用部署网站

使用 Onlook,设计师可以掌控实现过程,缩小设计与开发之间的差距。无需深入的编程知识,也能生成可投入生产的代码。

【With Onlook, designers can take control of implementation, reducing the gap between design and development. Create production-ready code without requiring deep coding knowledge.】

入门

【Getting Started】

准备好开始了吗?以下是使用 Onlook 的入门指南:

【Ready to dive in? Here's how to get started with Onlook:】

给贡献者

【For Contributors】

想为 Onlook 做出贡献吗?查看我们的开发者文档:

【Want to contribute to Onlook? Check out our developer documentation:】

需要帮助?

【Need Help?】

如果你遇到任何问题或有任何疑问,你可以:

【If you run into any issues or have questions, you can:】