sleek.design

sleek.design

140g Labs LLC · 圖片 · 程式設計

sleek.design 是一款 AI 行動應用程式設計工具,能把一段文字指令或一張參考圖片變成完整的 iOS 與 Android 畫面。它會處理版面、元件、文案與樣式,接著讓你以視覺化方式編輯所有內容,並把成果匯出到 Figma,或匯出成 HTML 與 React 程式碼。它為需要快速取得應用程式設計、又沒有設計背景的創辦人、產品團隊與獨立開發者而打造。

sleek.design 的介面預覽

關於 sleek.design

sleek.design 是什麼

sleek.design 是 140g Labs LLC 推出的網頁版 AI 應用程式設計工具。你描述想要的應用程式,代理就會生成完整的手機畫面,而不是零散的線框圖。它產出的每個畫面都能編輯,因此你可以持續調整,不必從頭來過。多數行動應用程式設計工具都要你自己拼湊各個零件,這款則跳過那一步。

這款工具針對的是粗略構想與「能拿給使用者或投資人看的成品」之間的落差。你不必聘請設計師,也不用苦啃 Figma 教學,只要透過對話就能得到可用的介面。產出也不是靜態圖片。它能以原生圖層匯出到 Figma,也能匯出成搭配 Tailwind CSS 的 HTML 或 React,開發者可以直接接手。

主要限制很實際。生成會消耗 AI 點數,因此重度使用會花更多錢。免費方案上限為一個專案與有限用量。而且這些設計雖然看起來精緻,終究只是起點,背後仍需要真實的產品決策。

開始使用

  1. 用 Google、GitHub 或電子郵件建立 sleek.design 帳號。免費方案不需要信用卡。
  2. 開一個專案,用白話描述你的應用程式,或附上一張參考圖片讓 AI 比對。
  3. 看著第一批畫面生成,接著以視覺化方式編輯元素,或送出後續指令來調整。
  4. 把完成的畫面以可編輯圖層匯出到 Figma,或匯出成搭配 Tailwind CSS 的 HTML 或 React 程式碼。
  5. 在 Pro 或 Team 方案中,透過 API 連接 Claude Code、Cursor 或 Codex 這類程式代理,以程式化方式生成設計。

產品資訊

快速了解 sleek.design 的定價、支援平台與效能。

免費方案是
付費方案$39 - $99/mo
平台Web
開發者140g Labs LLC
類別圖片 · 程式設計
發布日期Jan 2025
最近更新Aug 2026
網站訪問量280.1K
網站全球排名151.2K
API 提供狀態是

適合對象

這項工具最適合的使用者、任務與情境。

使用者

  • 非技術背景的創辦人:不必請設計師就能取得可給投資人看的模型,先用免費方案測試流程
  • 新創產品團隊:每週產出更多設計版本,Team 方案可共用專案並依席次計費
  • 獨立開發者:獨自開發時生成畫面並直接匯出成 React 或 HTML

任務

  • 一次把寫下的應用程式構想變成完整的手機畫面,含版面、文案與樣式
  • 用同一批生成的畫面製作 App Store 與 Play Store 的預覽素材
  • 讓程式代理透過 REST API 自主生成應用程式設計

情境

  • 在投入設計預算前,先與真實使用者驗證應用程式構想
  • 用新風格重做某個畫面,在產品早期研究中比較不同方向
  • 把可編輯的 Figma 圖層交給外包設計師做最後修飾

主要功能

用文字或圖片進行 AI 應用程式設計

輸入一段描述或上傳參考圖,sleek.design 就會生成完整的手機畫面,而不是平面的模型圖。每個畫面都包含版面、元件、預留文案與樣式,因此你拿到的是真的能操作的東西。你可以繼續下指令,把流程從單一畫面擴展成整個應用程式。

以可編輯圖層匯出到 Figma

每個方案都內建一鍵匯出到 Figma。設計會以原生、可完整編輯的圖層貼入,而且不需要外掛就能運作。當真人設計師必須接手時,這點很重要:沒有任何東西被平面化或鎖住,檔案能直接融入正常的 Figma 工作流程。

匯出 HTML 與 React 程式碼

付費方案附帶無限制的程式碼匯出。你可以把畫面匯出成搭配 Tailwind CSS 的 HTML 或 React,縮短設計到開發之間的交接。它不會取代正式產品程式碼,但能省下小型團隊要花好幾天的重建步驟。

API 與代理存取

Pro 與 Team 方案包含 Sleek REST API 與官方代理 skill。這個 skill 是一組指令,教程式代理如何操作 Sleek,因此 Claude Code、Cursor、Codex 或自訂腳本都能建立專案,並依指令生成畫面,不必靠人工點介面。

樣式比對與參考

Sleek 內建一批精選的應用程式設計,你可以複製或當作靈感。你也可以附上參考圖,讓 AI 比對現成的外觀,這比用文字描述視覺風格更快。輸入「大膽的深色健康儀表板」會得到什麼?一個在你動手之前就已經看起來像樣的畫面。

免寫程式的視覺化編輯

不是每件事都需要新指令。你可以用視覺化方式編輯生成畫面上的個別元素,當你只想微調間距或換掉文案時,這能保持節奏。開發者與創辦人可以直接修正細節,不必重新生成再賭一個更好的結果。有時這就是全部的工作。移動一個按鈕。改掉一個標籤。完成。

團隊協作與共用計費

Team 方案加入共用專案、優先支援,以及每人每月 99 美元的集中計費。成員可隨時增加或移除席次,計費會在下期帳單自動調整。每月 30,000 點數依席次計算,因此團隊能隨著規模成長擴充設計產出。

優缺點

優點

  • 文字轉畫面的生成方式消除了起步階段卡住應用程式專案的空白頁問題
  • 匯出 Figma 讓設計保持可編輯,真人設計師能直接接手而不必重做
  • 匯出搭配 Tailwind CSS 的 React 與 HTML 程式碼,縮短設計到開發的交接
  • API 與代理 skill 讓程式代理能驅動工具,進行自動化設計流程
  • 免費方案不需信用卡,讓你在付費前先試過完整流程

缺點

  • 免費方案上限為一個專案與有限的 AI 用量,認真的東西放不進去
  • 重度使用者的點數消耗很快,加購每 5,000 點要 15 美元
  • 付費方案不便宜,對偶爾測試的人來說每月 39 到 99 美元
  • 所有付款都是最終的,訂閱與未使用的點數都不退款

常見問題

它是一款 AI 行動應用程式設計工具。你描述一個應用程式構想或附上參考圖,它就會生成可編輯、可匯出的完整 iOS 與 Android 畫面。它針對的是需要快速取得應用程式設計、又不想在傳統設計工具裡從零開始的人。