Oceny edytora: Oceny użytkowników: [Łącznie: 0 Średnia: 0].ilfs_responsive_below_title_1 { szerokość: 300px; } @media(min-szerokość: 500px) {.ilfs_responsive_below_title_1 { szerokość: 300px; } } @media(min-szerokość: 800px) {.ilfs_responsible_below_title_1 { szerokość: 336px; } }
Figma Nocode to darmowa wtyczka do Figma do eksportowania projektu w formacie HTML. Wystarczy wybrać warstwę, którą chcesz zapisać, a następnie pomoże Ci wyeksportować ją jako plik HTML. Inteligentnie konwertuje wszystkie komponenty projektu na bloki HTML i automatycznie daje ostateczny kod HTML z osadzonym CSS. Czyli oprócz HTML generuje również kod CSS. Najlepsze jest to, że wystarczy 2 kliknięcia, aby przekonwertować dowolną część projektu Figma lub całą ramkę do HTML.
Jeśli regularnie używasz Figmy do tworzenia prototypów interfejsu użytkownika, ta wtyczka spodoba Ci się tutaj. Dzięki temu będziesz mógł wyeksportować projekt Figma do strony internetowej gotowej do HTML za pomocą zaledwie kilku kliknięć. Jednak w przypadku niektórych elementów, takich jak przełączniki i przyciski, może się to nie udać. Ale w przypadku innych komponentów, takich jak tabele, akapity, gradienty tekstu, styl i inne, działa idealnie. Ostatecznie wygenerowany kod HTML również jest responsywny, więc będziesz musiał wprowadzić minimalne poprawki, aby działał.
Jak wyeksportować Figma do witryny HTML z jedną stroną za darmo?
Ta wtyczka Figma Nocode jest całkowicie darmowy. Małym minusem jest to, że głównym językiem tego narzędzia jest chiński. Ale to nie będzie problemem, ponieważ wystarczy kliknąć proste przyciski, które pokażę poniżej.
Otwórz Figma i otwórz projekt, który chcesz wyeksportować do HTML. Jeśli nie masz konta, możesz je bezpłatnie zarejestrować tutaj. Po otwarciu projektu po prostu wybierz ramkę nadrzędną lub warstwę, którą chcesz wyeksportować.
Teraz przejdź do sekcji wtyczek i wybierz opcję „Znajdź więcej wtyczek”.
Wyszukaj Figma Nocode, a następnie po prostu naciśnij przycisk uruchamiania. Wtyczka pojawi się teraz. I wykryje Twój wybór.
Kliknij podświetlony przycisk, a następnie zacznie renderować Twój projekt. Gdy to zrobisz, pokaże Ci to za pomocą zielonego banera.
Teraz wystarczy pobrać kod HTML. Kliknij opcję 3dots, a następnie kliknij przycisk HTML. Teraz rozpocznie się pobieranie pliku HTML. Zapisz ten plik, a następnie otwórz go w przeglądarce. Zobaczysz, że ten pojedynczy plik zawiera zarówno HTML, jak i CSS.
To prawie wszystko. W ten sposób możesz nadal używać tej wtyczki do konwersji projektu Figma do czystego HTML i CSS. Wystarczy 2 kliknięcia, będziesz miał plik HTML, który możesz zapisać na swoim komputerze. Kiedy już masz gotowy kod, możesz zrobić wszystko, co chcesz.
Ostateczne przemyślenia:
Figma Nocode to niesamowita wtyczka Figma, której możesz użyć. Podobał mi się sposób, w jaki to działa i jeśli używasz Figmy zbyt często, możesz po prostu użyć jej w dowolnym momencie. Możesz otworzyć dowolny projekt strony internetowej, który utworzyłeś i wyeksportować go jako gotowy do użycia HTML. Przekształcenie projektu w witrynę jednostronicową jest bardzo proste, a dokładność jest również świetna. Spróbuj więc sam i sprawdź, czy generuje dla Ciebie dokładną witrynę.
