

Onlook
簡介 :
Onlook 是一款專為設計師和開發者打造的工具,通過可視化界面編輯 React 網站或 Web 應用,並即時將更改寫回代碼。它利用 AI 技術,讓設計與開發無縫銜接,用戶可以在類似 Figma 的界面中調整佈局、顏色、文本等,無需複雜設置。Onlook 支持本地代碼編輯,確保數據安全,同時兼容現有開發流程,無需遷移或添加新組件。其開源特性也使得用戶可以隨時審計代碼,瞭解其工作原理。
需求人群 :
Onlook 適合設計師和前端開發者,尤其是那些需要快速將設計轉化為代碼、希望在設計過程中即時看到代碼變化以及需要高效協作的團隊。它也適合那些希望在本地環境中安全地進行代碼編輯的專業人士。
使用場景
設計師可以利用 Onlook 快速調整網站佈局和顏色方案,並即時查看代碼變化。
開發團隊可以將現有 React 項目導入 Onlook,進行可視化編輯和優化。
初創公司可以利用 Onlook 的 AI 功能快速構建原型,並直接生成可用代碼。
產品特色
可視化編輯 React 網站,即時將更改寫回代碼,實現設計與開發的無縫銜接。
支持 AI 輔助設計,幫助用戶快速構建、設計和實驗前端交互。
提供豐富的設計調整功能,包括佈局、顏色、文本等,無需複雜設置。
本地代碼編輯,確保代碼安全,不離開本地設備。
兼容現有開發流程,無需遷移或添加新組件,無縫融入現有項目。
使用教程
1. 訪問 Onlook 官網並下載桌面客戶端(支持 Apple Silicon 和 Windows)。
2. 安裝完成後,打開應用並導入現有的 React 項目或創建新項目。
3. 在可視化界面中選擇需要編輯的組件,調整佈局、顏色、文本等屬性。
4. 觀察右側代碼即時更新,確保設計更改準確反映在代碼中。
5. 保存更改並繼續開發,所有代碼均保留在本地設備。
精選AI產品推薦
中文精選

抖音即創
即創工作臺是一個一站式的智能創意生產與管理平臺。它集成了視頻創作、圖文創作、直播創作等多種創意工具,可以通過AI的力量大大提高創作效率。主要功能和優勢包括:1)視頻創作:內置多種AI視頻創作工具,支持智能編劇、數字人物、一鍵成片等,可快速生成高質量視頻內容;2)圖文創作:提供智能圖文和商品圖片生成工具,可快速製作微信文章、產品詳情等圖文內容;3)直播創作:支持AI直播背景、直播文案等創作工具,可輕鬆製作抖音、快手等直播內容。定位為新創和創意從業者的創意助手,以合理價格提供創意生產全流程服務。
AI設計工具
106.5M

神采 PromeAI
神采 PromeAI 擁有強大的人工智能驅動設計助手和廣泛可控的 AIGC(C-AIGC)模型風格庫,使你能夠輕鬆地創造出令人驚歎的圖形、視頻和動畫,是建築師、室內設計師、產品設計師和遊戲動漫設計師的必備工具。
AI設計工具
8.4M