Eksport z Figmy do Adobe XD

Eksportuj strony lub ramki z Figmy do plików Adobe XD za pomocą Convertify – opcje i ograniczenia.

Poradnik wideo: konwersja z Figmy do Adobe XD

Ten film pokazuje, jak automatycznie (jednym kliknięciem) przekonwertować projekty z Figmy do plików Adobe XD bezpośrednio w Figmie za pomocą wtyczki Convertify.

Aby wyeksportować projekty z Figmy do Adobe XD, wykonaj poniższe kroki: przekonwertuj, pobierz i otwórz plik .xd.

Instalacja Adobe XD Jeśli używasz Maca lub Windowsa i masz płatne konto Adobe CC, możesz zainstalować Adobe XD w Creative Cloud (lub pobrać instalator .dmg bezpośrednio stąd), co powinno pozwolić Ci uruchomić program na komputerze. W internecie znajdziesz też samodzielny instalator dla Windowsa.

Wybór jednej strony Figmy do konwersji do Adobe XD ​

Gdy wtyczka Convertify jest uruchomiona, kliknij kartę Export from Figma, wybierz Export Figma to Adobe XD w menu wyboru konwersji, a następnie wybierz stronę Figmy, którą chcesz przekonwertować do Adobe XD.

Wtyczka automatycznie wyeksportuje stronę Figmy, którą właśnie oglądasz. Aby wyeksportować inną stronę, kliknij ją na liście stron pliku w lewej kolumnie Figmy, pod nagłówkiem Pages.

Po wybraniu strony Figmy możesz przekonwertować projekt do Adobe XD, klikając przycisk Export This Page we wtyczce Convertify. Rozpocznie to automatyczny proces konwersji.

Szacowany czas. Szacowany czas (na przykład ~14 seconds to convert 555 layers) zależy od liczby warstw na stronie Figmy i pokazuje, jak długo potrwa konwersja. Pamiętaj, że strony Figmy z dużymi obrazami prawdopodobnie będą się konwertować do pliku Adobe XD dłużej.

Adobe XD nie obsługuje wielu stron w dokumencie. Zaznaczanie wielu stron dotyczy tylko eksportu do Sketcha, ponieważ Adobe XD obsługuje obecnie wyłącznie pliki jednostronicowe.

Eksport zaznaczonych ramek ze strony Figmy do XD ​

Jeśli nie chcesz konwertować do Adobe XD całej strony Figmy, możesz przekonwertować tylko wybrane ramki z projektu. Zaznacz ramki w Figmie, które chcesz przekonwertować, a potem kliknij przycisk Export Selected Frames we wtyczce Convertify. Rozpocznie to automatyczny proces konwersji.

Szacowany czas. Szacowany czas (na przykład ~14 seconds to convert 555 layers) zależy od liczby warstw na stronie Figmy i pokazuje, jak długo potrwa konwersja. Pamiętaj, że strony Figmy z dużymi obrazami prawdopodobnie będą się konwertować do pliku Adobe XD dłużej.

Pobieranie pliku .xd ​

Gdy Convertify zakończy przetwarzanie strony Figmy, zobaczysz komunikat potwierdzający. Plik .xd pobierzesz, klikając przycisk Download .xd.

Zapisywanie pobranych plików z Figmy. Jeśli korzystasz z aplikacji desktopowej Figma, pojawi się okno pobierania pliku. Jeśli jednak używasz Figmy w przeglądarce internetowej, plik zostanie domyślnie automatycznie pobrany na komputer (zwykle do folderu Downloads / Pobrane).

Otwieranie pliku .xd ​

Po pobraniu pliku .xd z Figmy na komputer otwórz w eksploratorze plików folder, w którym został zapisany. Dwukrotne kliknięcie wyeksportowanego pliku .xd otworzy go w wersji Adobe XD zainstalowanej na Twoim komputerze.

Konfigurowanie opcji eksportu do Adobe XD ​

Przed eksportem projektów z Figmy do Adobe XD możesz skonfigurować kilka przydatnych ustawień opcjonalnych.

Renderowanie warstw z prefiksem * jako obrazów ​

Włączenie przełącznika Render layers with * prefix (eg. "* Frame") as images sprawi, że wszystkie warstwy Figmy, których nazwy zaczynają się od „*” (na przykład „*Frame 1”), zostaną automatycznie wyeksportowane jako warstwy obrazów zamiast w swoim zwykłym typie.

Dołączanie nakładek z obrazami referencyjnymi obszarów roboczych ​

Włączenie przełącznika Include reference image overlays for artboards automatycznie umieści w eksportowanym pliku nad każdym obszarem roboczym jego obraz referencyjny z kryciem warstwy 50%; może to pomóc przy ręcznych poprawkach lub dopasowywaniu położenia warstw.

Rozgrupowanie wszystkich warstw podrzędnych obszarów roboczych Figmy ​

Włączenie przełącznika Ungroup all Figma artboard child layers automatycznie rozgrupuje wszystkie warstwy „Group” w pliku Figmy.

Dokładniejsze pozycjonowanie dla zainstalowanych fontów ​

Adobe XD nie obsługuje właściwości tekstu takich jak wyrównanie w pionie i oblicza interlinię inaczej niż Figma.

Włączenie przełącznika More accurate positioning for installed fonts (slower) sprawi, że wartości tekstu z Figmy zostaną wyeksportowane do XD dokładniej (dotyczy fontów w projekcie, które są zainstalowane na Twoim komputerze).

Wolniejsza konwersja. Włączenie opcji More accurate positioning for installed fonts (slower) może sprawić, że konwersja będzie znacznie wolniejsza niż zwykle (zależnie od liczby warstw tekstowych).

Różnice między Figmą a Adobe XD ​

Convertify robi, co może, aby przenieść wszystkie warstwy i atrybuty z Figmy do Adobe XD, ale istnieją naturalne ograniczenia wynikające z tego, że Adobe XD ma mniej natywnych funkcji niż Figma.

Funkcje Figmy niedostępne w Adobe XD ​

Te funkcje są dostępne w Figmie, ale Adobe XD ich nie obsługuje natywnie, więc wtyczka Convertify ich nie przeniesie.

  • Ukrywanie nadrzędnych obszarów roboczych
  • Obrócone nadrzędne obszary robocze
  • Elipsy z właściwościami „arc” (łuku)
  • Wiele wypełnień lub obrysów na jednej warstwie
  • Warstwy wektorowe z zaokrągleniem narożników
  • Obrysy lub wypełnienia nadane grupom
  • Wyrównanie w pionie w warstwach tekstowych
  • Zagnieżdżone maski warstw

Prototypy w Adobe XD obsługują tylko interakcje On Click, On Drag i Key/Gamepad.

Adobe XD obsługuje też typy nawigacji Navigate To, Open Overlay, Scroll To i Back.

Convertify przeniesie tylko te linki prototypu z Figmy, które pasują do atrybutów prototypu obsługiwanych w Adobe XD.