Mga Wireframe
Maligayang pagdating
Ang lugar ng Wireframe ay nagbibigay-daan sa iyo na biswal na idisenyo at i-prototype ang iyong mga layout ng UI. Lumikha ng mga wireframe upang planuhin ang istraktura ng iyong application bago mag-code. Kapag binuksan mo ang Wireframe, makikita mo ang welcome screen na may isang Lumikha ng Wireframe card upang magsimula, o gamitin ang + Bagong Wireframe button sa tuktok na kanang sulok.
Mga Pangunahing Tampok
Manu-manong Disenyo
Bumuo ng mga wireframe nang manu-mano gamit ang visual canvas editor — i-drag at i-drop ang mga component upang idisenyo ang iyong mga screen.
AI-Powered na Pagbuo
Ilarawan kung ano ang gusto mo at hayaan ang AI na bumuo ng dokumentasyon ng wireframe at mga frame para sa iyo nang awtomatiko.
Mga Naka-attach na Larawan
Gamitin ang built-in na button ng mikropono o i-middle-click upang diktahan ang iyong paglalarawan ng wireframe gamit ang boses.
Wireframe sa Code
Kapag handa na ang iyong wireframe, ipadala ito nang direkta sa pagbuo ng code — mula sa disenyo hanggang sa gumaganang code sa isang tuluy-tuloy na daloy ng trabaho.
Paglikha ng isang Wireframe
I-click ang Lumikha ng Wireframe o + Bagong Wireframe upang buksan ang dialog ng paglikha. Ipasok ang isang pamagat, piliin ang target na platform (Mobile, Desktop, o Web), isulat ang paglalarawan ng iyong wireframe, at piliin ang Manual o Pinapagana ng AI mode.
Mga Field ng Pag-setup ng Proyekto
Pamagat
Bigyan ng pangalan ang iyong proyekto ng wireframe upang matukoy ito sa ibang pagkakataon sa listahan ng wireframe.
Plataporma
Piliin ang target na platform — Mobile, Desktop, o Web — upang iayon ang layout at mga paghihigpit ng wireframe.
Paglalarawan
Ilarawan kung ano ang gusto mong buuin. Ginagamit ito ng AI-Powered mode upang bumuo ng dokumentasyon at mga frame. Sinusuportahan ang input ng boses sa pamamagitan ng button ng mikropono.
Paraan
Piliin ang Manual upang agad na tumalon sa canvas editor, o AI-Powered upang hayaan ang AI na bumuo ng dokumentasyon at mga frame para sa iyo.
Manual na Paraan
Kapag pinili mo ang Manual tab at nag-click sa Lumikha, dadalhin ka sa canvas editor ng wireframe kung saan maaari kang magsimulang bumuo ng iyong mga screen kaagad. Ito ang pinakamahusay na opsyon kapag mayroon ka nang malinaw na ideya ng iyong layout at gusto mo ng ganap na kontrol mula sa simula.
Kailan Gagamitin ang Manual
Mayroon kang partikular na disenyo sa isip at gusto mo itong buuin nang mag-isa.
Gusto mong mabilis na gumawa ng isang magaspang na layout bago ito pinuhin.
Mas gusto mo ang ganap na kontrol sa bawat elemento mula sa simula.
Modo na Pinapagana ng AI
Kapag pinili mo ang Pinapagana ng AI tab, lilitaw ang karagdagang mga opsyon. Maaari kang sumulat o magdikta ng iyong paglalarawan, opsyonal na tukuyin ang mga indibidwal na frame, piliin ang iyong ginustong AI model mula sa dropdown sa tuktok, at pagkatapos ay i-click ang Bumuo upang hayaan ang AI na lumikha ng dokumentasyon ng wireframe para sa iyo.
I-sync
Ipasok ang mga Detalye
Punan ang pamagat, piliin ang isang platform, at isulat ang paglalarawan ng iyong proyekto.
Tukuyin ang mga Frame (Opsyonal)
Lumipat sa tab ng Tukuyin ang mga Frame upang tukuyin ang mga indibidwal na screen o view na gusto mong buuin ng AI.
Piliin ang AI Model
Piliin ang iyong ginustong AI model mula sa dropdown (hal., Claude Code, Opus 4.6).
Bumuo
I-click ang Bumuo upang simulan ang pagbuo ng dokumentasyon ng AI. Lilitaw ang proyekto ng wireframe sa iyong listahan habang ginagawa ang dokumentasyon.
Bumuo ng mga Frame
Kapag nakumpleto na ang dokumentasyon, maaari kang magsimulang bumuo ng bawat indibidwal na frame mula sa editor ng wireframe.
Pagandahin gamit ang AI
Sa Pinapagana ng AI mode, ang pag-click sa button na Pagbutihin gamit ang AI ay nagbubukas ng isang dialog na nagbibigay-daan sa iyo upang pagbutihin ang iyong paglalarawan gamit ang AI. Kinukuha nito ang anumang isinulat mo sa field ng paglalarawan at pinapahusay ito batay sa iyong mga tagubilin — ginagawa itong mas detalyado, naka-strukturang, o kumpleto bago bumuo ng wireframe.
Mga Opsyon sa Pagpapahusay
Modelo ng AI
Piliin ang AI model na gagamitin para sa pagpapahusay ng iyong paglalarawan (hal., Claude Code, Opus 4.6).
Mga Tagubilin sa Pagpapahusay
Opsyonal na magbigay ng mga partikular na tagubilin kung paano dapat pagbutihin ng AI ang paglalarawan. Sinusuportahan ang input ng boses.
Pagbutihin ang Paglalarawan
I-click upang patakbuhin ang pagpapahusay. Muling isusulat at pagbubutihin ng AI ang iyong paglalarawan batay sa iyong input at mga tagubilin.
Pagbuo ng Dokumentasyon
Pagkatapos i-click ang Bumuo sa Pinapagana ng AI mode, lilitaw ang iyong proyekto ng wireframe sa listahan ng wireframe bilang isang card ng proyekto na may isang Bumubuo ng Dokumentasyon... status. Ang AI ay lumilikha ng isang naka-strukturang dokumentasyon para sa iyong proyekto batay sa pamagat, platform, paglalarawan, at anumang mga frame na iyong tinukoy.
Ano ang Susunod
Pagbuo ng Dokumentasyon
Ang AI ay lumilikha ng isang naka-strukturang dokumento na naglalarawan sa bawat screen, component, at layout batay sa iyong paglalarawan.
Pagbuo ng Frame
Kapag nakumpleto na ang dokumentasyon, maaari kang buksan ang wireframe at magsimulang bumuo ng bawat indibidwal na frame mula sa editor.
Pagpipino
Pagkatapos mabuo ang mga frame, maaari mong manu-manong ayusin, idagdag, o alisin ang mga component sa canvas editor upang pinuhin ang disenyo.