* docs: polish localized documentation - Rewrite Russian documentation for natural terminology and current source parity\n- Continue the Polish editorial pass across guides and SDK references\n- Refresh shared localized SDK API data imports * docs(pl): complete editorial pass - Rewrite the remaining advanced Vue SDK references\n- Refresh the Figma compatibility matrix against the canonical source\n- Align terminology and behavior across every Polish documentation page * docs(de): complete editorial pass - Rewrite German guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs(es): complete editorial pass - Rewrite Spanish guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs(fr): complete editorial pass - Rewrite French guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs: correct localized terminology - Replace unnecessary English prose with natural localized terminology\n- Derive documentation aliases from named directory roots\n- Preserve English only for identifiers, APIs, and exact product terms * docs(it): continue editorial pass - Rewrite Italian user guides and automation documentation\n- Update Vue SDK composables and component references\n- Restore current AI, export, component, and variable behavior * docs(it): complete editorial pass - Finish Italian advanced SDK and reference documentation\n- Refresh the Penpot comparison and Figma compatibility matrix\n- Replace literal machine translations with natural technical prose * docs(pl): refine property panel terminology * docs: refine remaining localized prose - Replace overfitted English prose in Polish feature documentation\n- Rewrite the Russian property-list reference in natural terminology * docs(ru): rewrite Penpot comparison naturally - Replace remaining English prose with natural Russian\n- Preserve code identifiers and library names only where required * docs: rewrite localized feature overviews naturally - Replace avoidable English prose in German, Spanish, and French\n- Keep identifiers and product names unchanged * docs(de): refine property panel terminology * docs: refine Spanish and French SDK terminology * docs(ru): continue full prose audit - Rewrite homepage, setup, navigation, and guide index naturally\n- Restore missing zoom shortcuts * docs(ru): audit user and automation guides - Rewrite selection, collaboration, and automation prose naturally\n- Preserve API identifiers while localizing ordinary terminology * docs(ru): audit CLI inspection and analysis * docs(ru): audit Vue SDK overview and guides * docs(ru): audit Vue SDK API prose - Localize ordinary component and composable terminology\n- Preserve API symbols and code identifiers * docs(ru): audit advanced and gradient API references * docs(ru): finish advanced API prose audit * docs(ru): audit JSX renderer guide * docs(ru): audit CLI export and scripting guides * docs(pl): audit Penpot comparison prose * docs(pl): audit selection and automation guides * docs(pl): audit homepage and variable guides * docs(pl): audit vector, layers, and Pen guides * docs(pl): audit Auto layout and shape guides * docs(pl): audit context menu and export guides * docs(pl): audit JSX and analysis guides * docs(pl): audit AI Chat guide * docs(pl): audit components and CLI inspection * docs(pl): audit scripting and SDK overview prose * docs(pl): audit SDK API indexes * docs(pl): audit SDK component references * docs(pl): audit SDK composable references * docs(ru): refine usePosition terminology * docs(pl): audit advanced SDK references * docs(pl): audit Figma compatibility matrix * docs(pl): finish residual SDK terminology audit * docs(pl): finish component terminology audit * docs(pl): finish SDK guide terminology audit * docs(de): begin full user guide prose audit * docs(de): audit navigation, Pen, and layers guides * docs(de): audit Auto Layout, shapes, menu, and export * docs(de): audit components, text, and vector guides * docs(de): audit variables and automation overview * docs(de): audit AI Chat and collaboration guides * docs(de): audit CLI inspection, analysis, and export * docs(de): audit scripting and JSX guides * docs(de): audit Vue SDK overview and guides * docs(de): audit SDK API indexes * docs(de): audit SDK component references * docs(de): audit SDK composable references * docs(de): audit advanced SDK references * docs(de): audit Penpot comparison prose * docs(de): audit Figma compatibility reference * docs(es): begin full user guide prose audit * docs(es): audit document organization guides * docs(es): audit editing workflow guides * docs(es): audit automation and collaboration prose * docs(es): audit CLI inspection and export guides * docs(es): audit CLI scripting guide * docs(es): audit JSX and feature overview prose * docs(es): audit Penpot comparison prose * docs(es): audit SDK overview and guides * docs(es): begin SDK component reference audit * docs(es): audit SDK navigation component references * docs(es): audit SDK color and layout components * docs(es): begin SDK composable reference audit * docs(es): audit SDK property composable references * docs(es): audit SDK editor composable references * docs(es): begin advanced SDK reference audit * docs(es): audit advanced SDK state references * docs(es): complete advanced SDK reference audit * docs(es): audit Figma compatibility reference * docs(es): complete residual terminology sweep * docs(fr): begin full prose second audit * docs(fr): audit AI and variables prose * docs(fr): audit core user guide prose * docs(fr): audit editing workflow guides * docs(fr): audit CLI and JSX prose * docs(fr): audit Penpot comparison prose * docs(fr): audit SDK overview and guides * docs(fr): begin SDK API reference audit * docs(fr): audit SDK navigation component references * docs(fr): audit SDK color and layout components * docs(fr): begin SDK composable reference audit * docs(fr): audit SDK property composable references * docs(fr): audit editor composables and advanced APIs * docs(fr): audit advanced SDK state references * docs(fr): complete advanced SDK reference audit * docs(fr): audit Figma compatibility reference * docs(fr): complete residual terminology sweep * docs(it): begin full prose second audit * docs(it): audit document workflow guides * docs(it): audit editing and automation prose * docs(it): audit CLI and JSX prose * docs(it): audit Penpot comparison and SDK guides * docs(it): begin SDK API reference audit * docs(it): audit SDK component and state references * docs(it): audit residual SDK references * docs(it): audit Figma compatibility reference * docs(it): complete residual terminology sweep * docs(i18n): verify residual locale terminology
10 KiB
10 KiB
Zgodność z Figmą
Porównanie funkcji Figma Design z obecnymi możliwościami OpenPencil.
::: tip Stan ✅ Obsługiwane — działa w pełnym zakresie · 🟡 Częściowo — podstawowe działanie istnieje, ale brakuje części funkcji · 🔲 Brak :::
Pokrycie: uwzględniono 94 ze 158 funkcji Figmy — 76 ✅ obsługiwanych, 18 🟡 częściowych i 64 🔲 niezaimplementowane. Aktualizacja: 2026-03-07.
Interfejs i nawigacja
| Funkcja | Stan | Uwagi |
|---|---|---|
| Pasek narzędzi | ✅ | Dolny pasek w stylu UI3: zaznaczenie, ramka, sekcja, prostokąt, elipsa, linia, tekst, rączka i pióro |
| Panel warstw | ✅ | Rozwijane drzewo, zmiana kolejności przez przeciąganie, widoczność i zmienna szerokość |
| Panel stron | ✅ | Dodawanie, usuwanie i przemianowywanie stron; osobny stan widoku |
| Panel właściwości | ✅ | Wygląd, zalew, obwiednia, efekty, typografia, układ i położenie |
| Powiększenie i przesuwanie | ✅ | Przewijanie, gest szczypania, skróty 0/1/2, Space + przeciąganie, środkowy przycisk i Rączka |
| Linijki | ✅ | Linijki u góry i z lewej strony z zakresem zaznaczenia i współrzędnymi |
| Tło obszaru roboczego | ✅ | Osobny kolor dla każdej strony |
| Prowadnice | 🔲 | Brak prowadnic przeciąganych z linijek |
| Paleta poleceń | 🔲 | Brak szybkiego wyszukiwania działań |
| Menu kontekstowe | ✅ | Schowek, kolejność, grupy, komponenty, widoczność, blokada i przenoszenie na stronę |
| Skróty klawiaturowe | 🟡 | Podstawowe skróty i komponenty; brakuje części narzędzi i formatowania tekstu |
| Znajdź i zamień | 🔲 | Brak wyszukiwania i zamiany tekstu w całym dokumencie |
| Widok konturów | 🔲 | Brak widoku szkieletowego wszystkich warstw |
| Własna miniatura | 🔲 | Miniatura jest generowana, ale nie można wybrać własnej |
| Krok przesunięcia | 🔲 | Dostępne 1 i 10 pikseli; brak wartości własnych |
| Menu aplikacji | ✅ | File, Edit, View, Object, Text i Arrange w przeglądarce; menu systemowe w Tauri |
| Narzędzia AI | 🟡 | 90 narzędzi przez dostawców modeli i MCP; brak generowania obrazów i wyszukiwania AI |
Warstwy i kształty
| Funkcja | Stan | Uwagi |
|---|---|---|
| Prostokąt, elipsa, linia, wielokąt i gwiazda | ✅ | Podstawowe kształty; konfigurowalne boki wielokąta i promień wewnętrzny gwiazdy |
| Ramki | ✅ | Przycinanie zawartości, własny układ współrzędnych i gotowe rozmiary |
| Grupy | ✅ | Grupowanie i rozgrupowanie skrótami |
| Sekcje | ✅ | Etykiety i automatyczne przejmowanie nakładających się obiektów |
| Łuki | ✅ | arcData z kątami i promieniem wewnętrznym |
| Ołówek | 🔲 | Brak rysowania odręcznego |
| Maski | 🔲 | Brak masek przycinających warstwy |
| Typy i hierarchia | ✅ | 17 typów obiektów i drzewo rodzic–potomek |
| Zaznaczanie | ✅ | Kliknięcie, Shift + kliknięcie i zaznaczenie prostokątne |
| Wyrównanie i położenie | ✅ | Położenie, obrót i wymiary w panelu właściwości |
| Kopiowanie obiektów | ✅ | Zwykły schowek, binarny Kiwi Figmy oraz kopiowanie jako tekst, SVG, PNG i JSX |
| Proporcjonalna zmiana rozmiaru | 🟡 | Shift zachowuje proporcje; brak osobnego narzędzia Skala |
| Blokada | ✅ | Zablokowanych obiektów nie można wybrać ani przesunąć |
| Widoczność | ✅ | Ikona oka i skrót klawiaturowy |
| Zmiana nazwy | ✅ | Edycja nazwy w panelu warstw |
| Pierwszy i dalszy plan | ✅ | Skróty ] i [ oraz menu kontekstowe |
| Przenoszenie na stronę | ✅ | Przenoszenie zaznaczenia między stronami |
| Ograniczenia | 🔲 | Brak przypinania krawędzi i środka przy zmianie rozmiaru rodzica |
| Inteligentne zaznaczanie | 🔲 | Brak równomiernego rozmieszczania wielu obiektów |
| Siatki układu | 🔲 | Brak prowadnic kolumn, wierszy i siatki |
| Pomiar odległości | 🔲 | Brak wyświetlania odległości po Alt + najechanie |
| Edycja zbiorcza | ✅ | Położenie, rozmiar, wygląd, zalew, obwiednia i efekty; różne wartości jako Mixed |
| Podobne obiekty | 🔲 | Brak wyszukiwania podobnych warstw |
| Kopiowanie właściwości | 🔲 | Brak przenoszenia zalewów, obwiedni i efektów |
| Relacje rodzic–potomek | ✅ | Pełna hierarchia przez parentIndex i zmiana rodzica przeciąganiem |
Narzędzia wektorowe
| Funkcja | Stan | Uwagi |
|---|---|---|
| Sieci wektorowe | ✅ | Model zgodny z Figmą zamiast prostych ścieżek |
| Pióro | ✅ | Punkty narożne, krzywe Béziera i ścieżki otwarte lub zamknięte |
| Edycja wektorów | 🟡 | Tworzenie i podstawowa edycja; część złożonych operacji jest ograniczona |
| Operacje logiczne | 🔲 | Brak sumy, różnicy, przecięcia i wykluczenia |
| Spłaszczanie | 🔲 | Brak łączenia ścieżek |
| Obwiednia na ścieżkę | 🔲 | Brak Outline Stroke |
| Tekst na ścieżki | 🔲 | Brak konwersji tekstu do wektorów |
| Konstruktor kształtów | 🔲 | Brak interaktywnego narzędzia logicznego |
| Odsunięcie ścieżki | 🔲 | Brak odsunięcia do wewnątrz i na zewnątrz |
| Upraszczanie | 🔲 | Brak redukcji punktów |
Tekst i typografia
| Funkcja | Stan | Uwagi |
|---|---|---|
| Tekst i edycja bezpośrednia | ✅ | Ukryta textarea, kursor, zaznaczenie, wybór słowa, przeciąganie i zakresy stylów |
| Renderowanie tekstu | ✅ | CanvasKit Paragraph do składania wierszy i metryk |
| Czcionki systemowe | ✅ | Inter, font-kit w Tauri i queryLocalFonts w przeglądarce |
| Rodzina i odmiana | ✅ | FontPicker z wyszukiwaniem, wirtualnym przewijaniem i podglądem |
| Rozmiar i interlinia | ✅ | Edycja w sekcji Typografia |
| Wyrównanie | 🟡 | Podstawowe; brak pionowego i wszystkich automatycznych trybów rozmiaru |
| Style tekstu | 🟡 | Pogrubienie, kursywa, podkreślenie i przekreślenie; brak nazwanych stylów |
| Tryby rozmiaru | 🔲 | Brak automatycznej szerokości, wysokości i rozmiaru stałego |
| Listy | 🔲 | Brak list punktowanych i numerowanych |
| Łącza | 🔲 | Brak odnośników w tekście |
| Emoji i symbole | 🔲 | Obsługa niepełna |
| OpenType | 🔲 | Brak ligatur i wariantów stylistycznych |
| Czcionki zmienne | 🔲 | Brak regulacji osi |
| CJK | 🔲 | Brak pełnej obsługi chińskiego, japońskiego i koreańskiego |
| RTL | 🔲 | Brak układu od prawej do lewej |
| Czcionki ikon | 🔲 | Brak specjalnej obsługi glifów |
Kolory, gradienty i obrazy
| Funkcja | Stan | Uwagi |
|---|---|---|
| Wybór koloru HSV | ✅ | Pole HSV, suwaki odcienia i przezroczystości, zapis szesnastkowy |
| Zalewy jednolite | ✅ | Kolor i przezroczystość |
| Gradienty | ✅ | Liniowy, radialny, kątowy i diamentowy |
| Zalewy obrazami | ✅ | Dane Blob i tryby wypełnienia, dopasowania, kadrowania i powtarzania |
| Wzory | 🔲 | Brak powtarzających się wzorów |
| Tryby mieszania | 🔲 | Brak trybów mieszania warstw i zalewów |
| Obrazy i filmy | 🟡 | Zalewy są wyświetlane; brak importu przeciąganiem i filmów |
| Korekcja obrazu | 🔲 | Brak ekspozycji, kontrastu i nasycenia |
| Kadrowanie | 🔲 | Brak interaktywnego kadrowania |
| Pipeta | 🔲 | Brak pobierania koloru z obszaru roboczego |
| Modele kolorów | 🟡 | HSV i Hex; brak HSL i RGB |
Efekty i właściwości
| Funkcja | Stan | Uwagi |
|---|---|---|
| Cienie i rozmycie | ✅ | Cień zewnętrzny, wewnętrzny oraz rozmycie warstwy, tła i pierwszego planu |
| Grubość obwiedni | ✅ | Wspólna lub osobna dla boków |
| Zakończenia i łączenia | ✅ | Obsługiwane wszystkie podstawowe typy |
| Kreskowanie | ✅ | Naprzemienne kreski i odstępy |
| Wyrównanie obwiedni | ✅ | Wewnątrz, pośrodku i na zewnątrz |
| Promień narożników | ✅ | Wspólny albo osobny |
| Wygładzanie narożników | 🔲 | Brak ciągłego zaokrąglenia |
| Wiele zalewów i obwiedni | 🔲 | Brak nakładania wielu na jeden obiekt |
Automatyczny układ
| Funkcja | Stan | Uwagi |
|---|---|---|
| Przepływ poziomy i pionowy | ✅ | Flexbox Yoga WASM |
| Włączanie | ✅ | ⇧A dla ramki lub zaznaczenia |
| Odstęp i wypełnienie | ✅ | Wspólne lub osobne wartości |
| Wyrównanie | ✅ | Początek, środek, koniec, rozciągnięcie i rozdzielenie |
| Rozmiary | ✅ | Stały, Wypełnij i Dopasuj |
| Zawijanie | ✅ | Flex wrap |
| Grid | ✅ | CSS Grid przez odmianę Yoga |
| Układy zagnieżdżone | ✅ | Ramki o różnych kierunkach |
| Zmiana kolejności | ✅ | Widoczny wskaźnik wstawiania |
| Min/max | 🔲 | Brak ograniczeń elementów potomnych |
Komponenty i systemy projektowe
| Funkcja | Stan | Uwagi |
|---|---|---|
| Komponenty i zestawy | ✅ | Tworzenie, właściwości, wielowymiarowe warianty i sprawdzanie duplikatów |
| Egzemplarze | ✅ | Zasoby, nadpisania, zmiana wariantu, synchronizacja i aktualizacje |
| Właściwości komponentu | ✅ | Widoczność, tekst i zamiana egzemplarza |
| Zmienne | 🟡 | Pełny interfejs dla COLOR; pozostałe typy bez pełnej edycji |
| Kolekcje i tryby | 🟡 | Działają; brak pełnego interfejsu motywów |
| Style | 🔲 | Brak nazwanych stylów wielokrotnego użytku |
| Biblioteki | ✅ | Niezmienne wersje, publikowanie, aktualizacje, praca bez sieci i zapis w .fig |
| Odłącz egzemplarz | ✅ | Konwersja egzemplarza do ramki |
| Główny komponent | ✅ | Nawigacja także między stronami |
Prototypowanie
Połączenia, wyzwalacze, działania, animacje, nakładki, przewijanie, przepływy, zmienne i tryb prezentacji nie są jeszcze obsługiwane.
Import i eksport
| Funkcja | Stan | Uwagi |
|---|---|---|
Import i eksport .fig |
✅ | Kiwi, Zstd, miniatura i zgodność z symbolami komponentów |
| Zapis | ✅ | Okna systemowe, File System Access API i pobieranie w Safari |
| Schowek Figmy | ✅ | Kopiowanie i wklejanie binarnego Kiwi |
| Import Sketch | 🔲 | Brak odczytu .sketch |
| Obrazy, SVG i PDF | 🟡 | PNG, JPG, WEBP i SVG działają; PDF nie |
| Historia wersji | 🔲 | Brak przeglądania i przywracania |
| Kopiowanie zasobów | ✅ | Tekst, SVG, PNG, JSX i schowek Figmy |
Plugin API, współpraca i tryb programisty
| Funkcja | Stan | Uwagi |
|---|---|---|
eval |
✅ | JavaScript bez interfejsu z globalnym figma |
| Komentarze | 🔲 | Brak |
| Współpraca | ✅ | P2P przez Trystero i Yjs CRDT, kursory i tryb śledzenia |
| Tryb programisty | 🟡 | JSX; brak właściwości CSS i specyfikacji przekazania |
| Tailwind CSS v4 | ✅ | HTML z klasami przez panel Kod, CLI lub API |
| Serwer MCP | ✅ | stdio i HTTP; 90 narzędzi |
| CLI | ✅ | Polecenia od info do eval i wyjście JSON |
Figma Draw
Specjalistyczne narzędzia ilustracyjne i przekształcenia wzorów nie są jeszcze obsługiwane.