Jak wyeksportować swój projekt
Otwórz menu eksportu
Znajdź opcję eksportu na pasku narzędzi lub w panelu projektu. Wybierz ją, aby otworzyć ustawienia eksportu.
Wybierz swój format
Wybierz albo JPG, albo PNG w zależności od Twojego przypadku użycia (zobacz porównanie poniżej).
JPG vs PNG: który format powinieneś użyć?
| JPG | PNG | |
|---|---|---|
| Najlepsze dla | Udostępniania podglądów, prezentacji, przeglądów interesariuszy | Projektów z przezroczystymi tłami, handoffów wysokiej jakości |
| Rozmiar pliku | Mniejszy — szybszy do udostępnienia przez e-mail lub wiadomości | Większy — zachowuje pełne szczegóły obrazu |
| Przezroczystość | Nie jest obsługiwana | Obsługiwana |
| Jakość | Nieznacznie skompresowana | Bez strat — bez zmniejszenia jakości |
Eksport kodu
Poza obrazami, przycisk Code eksportuje ekran jako kod React + Tailwind — skopiuj fragment lub pobierz pełny pakiet jako ZIP. Pakiety są samodzielne: obrazy użyte w projekcie (w tym te dołączone w panelu czatu) są zawarte w folderzepublic/assets/ z kodem odwołującym się do nich ścieżką lokalną, dzięki czemu eksport działa bez zmian.
Pobrane pliki — zarówno obrazy, jak i pakiety kodu — są nazwane po ekranie, do którego należą (wpadając do nazwy pliku, jeśli ekran nie ma nazwy), co ułatwia identyfikację eksportów podczas pracy z wieloma ekranami.
Jeśli chcesz wziąć swój projekt do przepływu pracy edycji wektorowej, zamiast tego skopiuj go bezpośrednio do Figma. Zobacz Skopiuj projekty Flowstep do Figma natychmiast.