canvai to nieskończone płótno na zrzuty ekranów, logo, linki i notatki. Ułóż je, dodaj kontekst i wygeneruj ugruntowaną specyfikację designu — kolory, typografię, komponenty i przepływy — gotową dla v0, Lovable, Cursora czy Claude.
Bezpłatnie we wczesnym dostępie · Bez karty
Zrzuty na czacie, logo w mailu, link do „czegoś w tym stylu”. Kontekst zostaje w głowach.
Bez precyzyjnej specyfikacji narzędzia AI wymyślają kolory, odstępy i komponenty — każdy ekran wychodzi inaczej.
Ręczne spisywanie tokenów, komponentów i przepływów trwa, a przy każdej zmianie briefu się dezaktualizuje.
canvai zbiera wszystko w jednym miejscu i zamienia w jedno, ugruntowane źródło prawdy o interfejsie.
Wklej zrzuty przez Ctrl+V, upuść pliki, dodaj linki i notatki. PNG, JPG, WEBP, GIF, SVG i PDF.
Pogrupuj ekrany ramkami, pokaż przepływ strzałkami i opisz każdy materiał krótką notatką.
AI analizuje każdy materiał i układ tablicy, a potem pisze DESIGN.md z tokenami, komponentami i źródłami.
Kształty, strzałki, ramki, karteczki i tekst — tablica w stylu Excalidraw stworzona pod briefy designu.
Zrzuty ze schowka, przeciąganie plików, upload wielu plików naraz i karty linków z opisem strony.
Każdy kolor, font i komponent wskazuje materiał, z którego pochodzi. Założenia są oznaczone i trafiają do otwartych pytań.
Gotowe zmienne CSS i motyw Tailwind v4, generowane z tych samych tokenów co tabele.
Strzałki i ramki z tablicy stają się ekranami i ścieżkami użytkownika w specyfikacji — układ też jest informacją.
Generuj ponownie po zmianie briefu, porównuj wersje linia po linii i pobieraj plik Markdown.
Cała aplikacja, maile i komunikaty w obu językach — zmienisz w każdej chwili.
Tablice i pliki widzi tylko ich właściciel. Konta chroni weryfikacja adresu e-mail.
Jeden plik Markdown, który AI budujące UI wykona krok po kroku: tokeny kolorów i typografii, odstępy i kształty, komponenty ze stanami, ekrany i przepływy, zasady do i don’t, prompty dla agentów oraz Quick Start w CSS i Tailwind.
# Kawiarnia Ziarno — Style Reference
> warm paper canvas, espresso type, one terracotta accent
**Theme:** light
## Tokens — Colors
| Name | Value | Token | Source |
|------------|-----------|------------------|--------|
| Parchment | `#faf5ec` | `--color-canvas` | [A12] |
| Espresso | `#3a2a1f` | `--color-ink` | [A12] |
| Terracotta | `#c8702a` | `--color-accent` | [A14] |
## Components
### Primary Button
**Role:** High-emphasis action
Terracotta (#c8702a) fill, 8px radius, 10px / 16px padding…
## Quick Start
:root {
--color-canvas: #faf5ec;
--color-accent: #c8702a;
--radius-buttons: 8px;
}
Zamień moodboard klienta w specyfikację, którą przekażesz narzędziom AI — i klientowi do akceptacji.
Trzymaj żywą referencję designu obok materiałów, z których powstała — z wersjami i łatwą aktualizacją.
Daj v0, Lovable, Cursorowi czy Claude precyzyjną specyfikację zamiast ogólnego promptu — i spójne ekrany.
Plany tworzymy razem z pierwszymi użytkownikami. Wszystko, co jest dostępne dziś, jest bezpłatne.
Pełny dostęp do canvai, który rozwijamy razem z Tobą.
Dla freelancerów i osób prowadzących wiele projektów klientów.
WkrótceDla agencji i zespołów produktowych, które współdzielą tablice i specyfikacje.
WkrótceTo specyfikacja designu w Markdown: tokeny (kolory, typografia, odstępy), komponenty ze stanami, ekrany i przepływy, zasady oraz gotowy CSS. Jedno źródło prawdy, według którego AI (albo programista) zbuduje spójny interfejs.
Z każdym, które przyjmuje kontekst tekstowy — v0, Lovable, Bolt, Cursor, Claude, ChatGPT i innymi. Wklej plik albo dodaj go do projektu.
Zrzuty ze schowka, pliki PNG, JPG, WEBP, GIF, SVG i PDF, linki do stron referencyjnych i własne notatki. Strzałki i ramki na tablicy też są brane pod uwagę.
Każdy token i komponent wskazuje materiał, z którego pochodzi. Gdy czegoś nie widać — np. dokładnego fontu — canvai proponuje rozsądną wartość, oznacza ją jako założenie i dopisuje do otwartych pytań.
Tak. Tablice i pliki widzi tylko ich właściciel i nigdy nie są publikowane.
We wczesnym dostępie canvai jest bezpłatne. O planach płatnych poinformujemy, zanim cokolwiek się zmieni.
Załóż tablicę, wklej materiały klienta i wygeneruj pierwszy DESIGN.md w kilka minut.