Skip to content
ET·RU

Onlook

Cursor disaineritele — visuaalne redaktor, mis muudab sinu päris React/Next.js koodi

Avatud lähtekoodiga (tasuta) + pilve-beeta On Off, Inc. (USA, YC W25)
Tehisintellektid toimetus Uuendatud 18. juuli 2026
Ava
Onlook
Foto: SHVETS production / Pexels

Onlook on avatud lähtekoodiga visuaalne redaktor — “Cursor disaineritele”. Redigeerid päris React/Next.js + Tailwind rakendust brauseris nagu Figmas: lohistad plokke, muudad stiile tööriistariba abil, ja paremklõps elemendil viib täpselt selle koodi juurde. Erinevalt v0-st muudab Onlook sinu päris koodi, mitte oma liivakasti.

Mida Onlook oskab?

  • Figma-laadne lõuend: lohista-ja-kukuta, otsene DOM-manipulatsioon, reaalajas eelvaade, responsiivsed murdepunktid.
  • Kahesuunaline sünk — visuaalsed muudatused kirjutatakse koodi, koodimuudatused uuendavad eelvaadet.
  • Sisseehitatud AI-vestlus; avaldamine GitHubi; kontrollpunktid ja harud disaini-eksperimentideks.

Hind ja avatus

Avatud lähtekoodiga (Apache 2.0) — saad tasuta ise majutada GitHubist (~26 000 GitHub-tärni). Pilve-versioon on kinnises beetas, avalikku hinda pole veel. Toimib React/Next.js + Tailwind projektidega; Figma-importi pole (see on Figma alternatiiv, mitte importija).

Kellele sobib?

Disainerile ja disainimeelsele arendajale, kes tahab Figma-stiilis otsest redigeerimist, mis kirjutab päris koodi ja jääb sinu git-töövoogu. Alternatiivid: Anima, v0, Cursor. Vaata äpiehitajate võrdlust.

💡 Kasutad AI-d koodimiseks? Proovi Claude Code’i

Claude Code on Anthropicu AI-kodeerimisagent, mis töötab otse terminalis — loeb ja kirjutab faile, parandab vigu ja käivitab teste. Meie kutselingiga saad uue kasutajana $10 tasuta krediiti.

Ava Claude Code — $10 kingitus →

Korduma kippuvad küsimused

Kas Onlook on tasuta ja avatud? +

Jah u2014 Apache 2.0 litsents, ise-majutatav tasuta GitHubist. Pilve-versioon on kinnises beetas.

Kas Onlook muudab mu pu00e4ris koodi? +

Jah u2014 sinu React/Next.js lu00e4htekoodi (kood on tu00f5e allikas), jooksutatuna hallatud veebikonteineris; saad eksportida/avaldada GitHubi.

Kas saan Figma-faili importida? +

Ei u2014 Onlook on Figma alternatiiv koodile, mitte Figma-importija.

Alternatiivid

Kui Onlook ei sobi, vaata neid:

Anima

Figma → kood · Design-to-code

Anima muudab Figma-disainid ja URL-id tootekvaliteediga React/HTML/Vue koodiks; MCP paigaldub Claude Code'i.

Tasuta + Pro ~$24/kuu

v0 (Vercel)

UI-generaator · Vibe coding

v0 (Vercel) genereerib tekstist ja Figmast viimistletud React/Next.js + Tailwind kasutajaliidese.

Tasuta + Premium $20/kuu

Cursor

AI-koodiredaktor

Cursor (Anysphere) on turu viimistletuim AI-koodiredaktor — VS Code haru autonoomse agent-režiimiga.

Tasuta + Pro $20/kuu

Proovi Onlook kohe

Mine Onlook lehele ↗