Masz trudności z przekształceniem twoich 111111 projektów Figma w działającą witrynę internetową WordPress?
Rozumiemy to – ożywienie twoich projektów Figma może być prawdziwym bólem głowy. W rzeczywistości nasi czytelnicy często proszą o porady, jak pokonać tę przeszkodę (do tego stopnia, że niedawno uruchomiliśmy własne usługi projektowania WordPress).
Właśnie dlatego jesteśmy tak podekscytowani, że możemy przyjrzeć się UiChemy. Ta wtyczka obiecuje przekonwertować twoje projekty Figma na układy WordPress. Następnie możesz edytować te układy i publikować je, tak jak zwykłe strony utworzone w edytorze bloków WordPress.
Wolisz zamiast tego korzystać z kreatora stron? UiChemy może również przekształcić twoje projekty Figma w szablony Elementor lub Bricks Builder za pomocą zaledwie kilku kliknięć.
Czy UiChemy może być narzędziem oszczędzającym czas, którego szukałeś? Przekonajmy się w tej szczegółowej recenzji UiChemy.
Recenzja UiChemy: Dlaczego warto używać go w WordPress?
UiChemy obiecuje zaoszczędzić czas i usprawnić proces projektowania stron internetowych, konwertując twoje projekty Figma na żywe witryny internetowe WordPress.
W przeciwieństwie do niektórych innych wtyczek Figma, nie jest to konwerter kodu Figma na HTML, więc nie dodaje kodu HTML do twoich projektów.
Zamiast tego integruje się bezpośrednio z Figma, edytorem bloków lub twoim preferowanym kreatorem stron. Po wykonaniu tej czynności możesz przesłać plik Figma bezpośrednio do twojej witryny internetowej WordPress. Na koniec możesz dopracować projekt za pomocą Elementora, Bricks Builder lub wbudowanego edytora bloków WordPress.
Jak widać, UiChemy działa płynnie ze wszystkimi tymi platformami, więc nie musisz pisać żadnego kodu ani zatrudniać programisty WordPress do konwersji twoich projektów.
Jeśli dopiero zaczynasz lub masz ograniczony budżet, możesz wyeksportować do 10 projektów Figma miesięcznie za pomocą darmowej wtyczki UiChemy.
Wtyczka zawiera również 10 szablonów startowych Figma, które zostały zaprojektowane tak, aby idealnie współpracowały z WordPressem. Zawiera również kilka niezbędnych narzędzi ułatwiających tworzenie witryn internetowych przyjaznych dla urządzeń mobilnych, w tym lite wersję Responsive Managera UiChemy.
Jeśli chcesz eksportować więcej niż 10 projektów miesięcznie, musisz dokonać aktualizacji. Plany premium UiChemy zawierają również dodatkowe szablony, zaawansowane tagi i bardziej zaawansowaną wersję Responsive Managera.
Recenzja UiChemy: Właściwy konwerter Figma na WordPress dla Ciebie?
Wyobraź sobie: spędziłeś niezliczone godziny na tworzeniu oszałamiającego projektu w Figma. Jesteś zadowolony z każdego szczegółu, ale teraz nadszedł czas, aby przełożyć tę wizję na działający blog WordPress.
UiChemy ma na celu wypełnienie tej luki między projektowaniem a rozwojem. Obiecuje zaoszczędzić twój czas, jednocześnie upewniając się, że gotowa witryna internetowa doskonale ma wpływ na twój oryginalny projekt.
Czy UiChemy spełnia te oczekiwania? Przekonajmy się.
1. Łatwy w użyciu
UiChemy został zaprojektowany z myślą o łatwości użytkowania. Aby rozpocząć, możesz zainstalować i włączać go tak jak każdą inną wtyczkę WordPress, a następnie postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby połączyć WordPress z twoim kontem Figma.
Po wykonaniu tej czynności UiChemy działa jako łącznik, który pobiera twoje projekty z Figma. W rzeczywistości możesz przesłać swoje projekty Figma bezpośrednio do WordPressa za pomocą wtyczki UiChemy.
Alternatywnie, UiChemy może ręcznie wyeksportować twoje szablony jako plik JSON, gotowy do importowania do WordPressa w późniejszym terminie. Jeśli utworzyłeś wiele układów, UiChemy może również wygodnie pobrać je wszystkie razem w pliku ZIP w celu łatwej organizacji.
2. Konwersja projektów z 95% dokładnością
Ręczne odtwarzanie projektów w WordPress może być wyzwaniem. Zbyt często występują różnice między oryginalnym projektem a gotowym produktem.
Z kolei UiChemy obiecuje konwertować twoje projekty z dokładnością 90%-95%. Należy tylko pamiętać, że aby uzyskać najlepsze wyniki, trzeba przestrzegać pewnych najlepszych praktyk projektowych, takich jak tworzenie elastycznego, przyjaznego dla urządzeń mobilnych projektu.
3. Elastyczne ustawienia importowania i wyświetlania
Możesz dokładnie kontrolować sposób, w jaki UiChemy importuje projekty do twojej witryny internetowej.
W zależności od zainstalowanych wtyczek i rozszerzeń WordPress, możesz importować twój projekt jako nową stronę WordPress, nowy szablon Elementor lub nowy szablon NexterWP.
Alternatywnie można zastąpić lub zaktualizować istniejący szablon lub stronę importowanym projektem. Wreszcie, można dodać projekt Figma do dowolnej istniejącej strony lub szablonu.
W ten sposób możesz dokładnie kontrolować, w jaki sposób projekt jest używany na twojej witrynie internetowej, blogu lub sklepie internetowym.
4. Integruje się z Elementorem
UiChemy integruje się zarówno z darmową, jak i profesjonalną wersją Elementora. Jeśli jednak twój projekt korzysta z widżetów pro Elementor, takich jak formularz kontaktowy, musisz wykupić plan premium UiChemy.
Jak już wspomniano, UiChemy nie jest konwerterem kodu Figma na HTML. Zamiast dodawać kod HTML, konwertuje twoje projekty Figma za pomocą zestawu widżetów Elementora.
UiChemy zapewnia pomoc techniczną dla ponad 30 widżetów Elementora, plus 30+ widżetów dostarczanych przez Plus Addons for Elementor. Dzięki temu nie powinieneś mieć żadnych problemów z przekształceniem twojego projektu Figma w szablon zgodny z Elementorem.
5. Tagi widżetów Elementor
Po wyeksportowaniu projektu do Elementora, UiChemy przekształci te elementy projektu w popularne widżety, takie jak nagłówki, obrazki i ikonki.
UiChemy obsługuje jednak szerszą gamę widżetów Elementor, których możesz chcieć użyć zamiast tego. Mając to na uwadze, można ręcznie przypisać określony element projektu Figma do określonego widżetu Elementor. Proces ten znany jest jako ręczne tagowanie.
W ten sposób możesz dokładnie kontrolować sposób, w jaki UiChemy konwertuje twoje projekty na widżety i układy Elementora.
6. Projekty przyjazne dla urządzeń mobilnych
Jeśli chodzi o tworzenie responsywnej witryny internetowej w programie Figma, ważne jest, aby używać automatycznego układu, a nie pozycji bezwzględnej.
Aby ci pomóc, UiChemy posiada narzędzie do optymalizacji ramek, które wykrywa wszystkie ramki nie korzystające z automatycznego układu. Następnie można zastosować Auto Layout za pomocą kilku kliknięć.
7. Responsywny menedżer i kalkulator
Podczas eksportowania projektów, Menedżer responsywności UiChemy może zoptymalizować twój układ dla urządzeń mobilnych. Tutaj możesz wpisać wartości, których chcesz używać na tabletach i smartfonach.
Aby uzyskać najlepsze wyniki, musisz podać każdą wartość mobilną jako procent całkowitej wartości desktopowej. Może to być mylące, więc z przyjemnością dowiesz się, że UiChemy zapewnia również kalkulator responsywny.
Wystarczy wpisać rodzaj wartości, która ma być używana na urządzeniach mobilnych, np. 10 pikseli. UiChemy obliczy to jako wartość procentową.
Po wykonaniu tej czynności wystarczy dodać wartość procentową do Menedżera responsywności. W ten sposób możesz mieć pewność, że twój układ będzie poprawnie wyświetlany na smartfonach i tabletach, bez konieczności samodzielnego wykonywania obliczeń.
8. Obsługa układu bezwzględnego
Chociaż UiChemy zaleca korzystanie z Auto Layout, obsługuje on również układ Absolute.
Po wyeksportowaniu układu zawierającego obiekty bezwzględne, UiChemy użyje pozycji bezwzględnej CSS, aby zapewnić, że obiekty te pozostaną dokładnie w tej samej pozycji w importowanym układzie.
9. Importowanie na żywo
Możesz eksportować swoje projekty Figma jako podgląd na żywo. Pozwala to zaoszczędzić mnóstwo czasu i wysiłku w porównaniu do ręcznego pobierania i przesyłania twoich plików z projektami. Jest to szczególnie przydatne, jeśli chcesz wypróbować wiele różnych projektów.
Możesz nawet dodać wiele układów do tego samego pliku, takich jak układy dla różnych stron w twojej witrynie internetowej WordPress. Po wykonaniu tej czynności UiChemy może utworzyć pojedynczy podgląd z funkcją wszystkich tych układów i można przełączać się między nimi za pomocą jednego kliknięcia.
10. Optimization Companion
UiChemy posiada wbudowany Optimization Companion, który może pomóc poprawić dokładność i jakość twojego importowanego projektu.
Narzędzie to automatycznie wykryje wszelkie problemy z twoim projektem.
Następnie pogrupuje te problemy na 4 karty: Optymalizacja multimediów, Faza optymalizacji ramki, Optymalizacja tekstu i Optymalizacja głównej ramki. Na przykład, jeśli utworzyłeś obraz wektorowy przy użyciu wielu elementów, UiChemy oznaczy to jako potencjalny problem i zasugeruje zablokowanie grupy, aby została wyeksportowana jako pojedynczy obrazek.
Często można rozwiązać te problemy, klikając przyciski „Popraw” lub „Napraw wszystko” w UiChemy. UiChemy rozwiąże wtedy problem za ciebie.
11. Optymalizacja ramy głównej
UiChemy może skanować główną ramkę twojego projektu pod kątem właściwości, które są zwykle ignorowane w eksportowanym szablonie. Obejmuje to odstęp, dopełnienie poziome, dopełnienie pionowe i wyrównanie.
Chociaż właściwości te są zwykle ignorowane, uwzględnienie ich w eksportowanym pliku może czasami dawać nieprzewidywalne rezultaty. Mając to na uwadze, narzędzie Main Frame Optimization w UiChemy może zidentyfikować i usuwać te właściwości za pomocą zaledwie kilku kliknięć.
12. Automatyczne wykrywanie i łączenie plików SVG
Domyślnie Figma dzieli obrazki SVG i ikonki na osobne sekcje. Może to jednak powodować problemy, gdy nadejdzie czas na importowanie tego projektu do WordPressa.
Aby rozwiązać ten problem, UiChemy może automatycznie wykrywać pliki SVG i ich elementy, a następnie eksportować je jako pojedynczy plik SVG.
Alternatywnie, możesz tagować element do widżetu lub użyć funkcji blokady UiChemy, aby połączyć wiele elementów w jeden obrazek. Daje to większą kontrolę nad sposobem, w jaki UiChemy obsługuje pliki SVG twojego projektu.
13. Blokowanie obiektów
Domyślnie UiChemy eksportuje każdy element projektu jako pojedynczy element. Czasami jednak można utworzyć pojedynczy obiekt przy użyciu wielu elementów. Na przykład można utworzyć nagłówek przy użyciu obrazka baneru, przycisku wezwania do działania i tekstu.
W takim przypadku UiChemy może zablokować te elementy razem i wyeksportować je jako jeden obrazek. Często zmniejsza to rozmiar eksportowanego pliku, ponieważ eksportujesz mniej pojedynczych elementów. W rezultacie twoja witryna internetowa, blog lub sklep internetowy powinny być łatwiejsze w utrzymaniu.
14. Przyspiesz twój import
Domyślnie UiChemy importuje obrazki bezpośrednio z twojego projektu Figma. Może to spowolnić importowanie, jeśli twój projekt zawiera wiele obrazków lub nie zoptymalizowałeś tych grafik. W związku z tym ważne jest, aby zoptymalizować twoje obrazki przed dodaniem ich do Figma.
W przeciwnym razie UiChemy może importować twój układ Figma bez żadnych obrazków. Może to być dobra opcja, jeśli oryginalny projektant nie przestrzegał najlepszych praktyk. Jest to również dobra opcja, jeśli twój projekt Figma zawiera obrazy zastępcze, które i tak planujesz zastąpić.
Inną opcją jest wyeksportowanie projektu ze skalowanymi obrazkami. Po prostu wpisz wartość skali, której chcesz użyć, a UiChemy wyeksportuje układ z grafiką o zmienionym rozmiarze.
15. Wbudowana biblioteka szablonów
Aby pomóc w szybkim tworzeniu pięknych układów, UiChemcy zawiera wstępnie zaprojektowaną kolekcję szablonów Figma.
Wszystkie te szablony są zoptymalizowane pod kątem WordPressa, dzięki czemu można łatwo importować gotowy projekt do edytora bloków, Elementora lub Bricks Builder. Na przykład, wszystkie komponenty wewnątrz szablonów UiChemy są wstępnie tagowane do odpowiednich widżetów, więc nie trzeba tagować ich ręcznie.
UiChemy zawiera 3 rodzaje szablonów: Strona, Sekcja i Komponent. Na początek szablony stron tworzą nową stronę najwyższego poziomu, która jest zgodna ze wszystkimi wytycznymi projektowymi UiChemy.
Istnieją również szablony sekcji, których można używać wewnątrz dowolnego szablonu strony. Wreszcie, szablony komponentów UiChemy zapewniają pojedyncze elementy, dzięki czemu idealnie nadają się do dodawania do obecnej, aktualnej warstwy edycji.
16. Społeczność i pomoc techniczna
UiChemy obiecuje zaoszczędzić ci mnóstwo czasu i wysiłku, automatycznie konwertując twoje projekty Figma na żywe podglądy WordPress, strony i witryny internetowe. Jednak po drodze możesz potrzebować dodatkowej pomocy w tworzeniu stron o wysokiej konwersji i niesamowitych witryn internetowych.
Na początek, UiChemy posiada dokumentację online, do której można uzyskać dostęp 24/7. Znajdziesz w niej instrukcje krok po kroku dotyczące konfiguracji i korzystania z wtyczki, a także pomocny przewodnik rozwiązywania problemów.
Oprócz tego zespół UiChemy stworzył filmy instruktażowe, webinary i edukacyjny plik społecznościowy, który możesz importować na swoje konto Figma. Plik ten zawiera wytyczne projektowe, szablony i przykłady użycia ręcznych tagów w twoich projektach Figma.
Wolisz pomoc techniczną jeden na jeden? W takim razie możesz przejść na plan premium i uzyskać pomoc za pośrednictwem czatu na żywo lub działu pomocy technicznej. Według witryny internetowej UiChemy, zazwyczaj można spodziewać się odpowiedzi w ciągu 24 godzin, z wyłączeniem weekendów.
Jeśli korzystasz z darmowej wtyczki, możesz wpisać się na forum UiChemy na WordPress.org i uzyskać odpowiedzi na podstawowe pytania.
Pisząc wpisy na publicznych forach wsparcia, zawsze warto podać jak najwięcej informacji, aby eksperci mogli w pełni zrozumieć twój problem i wpisać pomocną odpowiedź. Więcej informacji na ten temat można znaleźć w naszym przewodniku na temat tego , jak prawidłowo poprosić o pomoc techniczną WordPress.
Recenzja UiChemy: Ceny i plany
Jeśli dopiero zaczynasz lub masz ograniczony budżet, możesz pobrać wersję lite UiChemy z WordPress.org.
Dzięki tej darmowej wtyczce można wyeksportować 10 projektów Figma miesięcznie. Należy tylko pamiętać, że każda strona wlicza się do tego limitu. Darmowy plan obejmuje również 10 szablonów startowych i podstawową pomoc techniczną.
Aby eksportować więcej niż 10 stron miesięcznie lub korzystać z zaawansowanych funkcji, należy dokonać aktualizacji.
Do wyboru są 2 plany:
- Pro. Za 19 USD miesięcznie można wyeksportować do 100 projektów. Otrzymasz również ponad 50 profesjonalnych szablonów do wykorzystania w twoich projektach.
- All Access. Po zainwestowaniu w plan All Access (w cenie 49 USD) można eksportować do 500 projektów miesięcznie. Możesz także udostępnić UiChemy maksymalnie 5 innym użytkownikom Figma. Ten plan jest idealny dla zespołów lub agencji programistycznych WordPress, które muszą tworzyć wiele projektów i uzyskać dostęp do bardziej zaawansowanych funkcji.
Bez względu na wykupiony plan, twoje wyeksportowane projekty pozostaną nienaruszone nawet po wygaśnięciu licencji UiChemy.
Recenzja UiChemy: Właściwy konwerter Figma na WordPress dla Ciebie?
Podsumowując tę recenzję UiChemy, jesteśmy przekonani, że jest to świetna wtyczka do usprawnienia twojego przepływu pracy Figma-to-WordPress.
UiChemy to proste rozwiązanie dla projektantów lub właścicieli witryn internetowych, którzy chcą przełożyć swoje projekty na działające układy WordPress. Jest on zgodny [może być też „kompatybilny”] z edytorem bloków, ale także płynnie integruje się z Elementorem i Bricks Builder. Oznacza to, że możesz edytować importowane projekty i zarządzać nimi za pomocą twojego preferowanego kreatora stron WordPress.
Jeśli chcesz wyeksportować tylko niewielką liczbę projektów Figma, darmowy plan jest dobrym miejscem do rozpoczęcia. Jeśli jednak chcesz zaprojektować całą witrynę internetową lub uruchomić wiele różnych witryn, zazwyczaj będziesz potrzebować planu premium.
Mamy nadzieję, że ta recenzja UiChemy pomogła ci zdecydować, czy jest to odpowiedni konwerter Figma na WordPress dla ciebie. Następnie warto zapoznać się z naszym przewodnikiem na temat tego , jak zwiększyć szybkość i wydajność twojego WordPressa, lub sprawdzić naszą ekspercką listę najlepszych wtyczek do formularzy kontaktowych.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!