欢迎来到 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 的直观设计界面让你可以直观地编辑 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:】