Napisać konwerter Figma do HTML&&CSS
Dzień dobry.
Aby rozwiązać zadanie, należy stworzyć skrypt konsolowy lub innego rodzaju na Node.js, który będzie używał `FIGMA_API_KEY` oraz `FILE_KEY` do uzyskania makiety i jej struktury. Skrypt ma automatycznie wygenerować podstawowy projekt z semantyczną strukturą HTML zgodnie z nowoczesnymi standardami web developmentu, ale z uwzględnieniem hierarchicznej struktury makiety. Pliki mają być zorganizowane w następujący sposób:
1. index.html – strona główna z semantycznymi tagami dla każdej sekcji (header, main, section, footer itp.).
2. assets/css/custom.css – plik ze stylami, które wyróżniają wszystkie komponenty, używając tylko `display`, `margin`, `padding`, `flex` oraz `grid` (zakazane jest stosowanie pozycji absolutnej i relatywnej).
3. assets/img/ – folder na obrazy w formacie PNG, które należy załadować bezpośrednio z makiety FIGMA.
Proszę podać swoje terminy i koszt w hrywna. Jeśli nie masz takiego doświadczenia, to nie ma potrzeby nic wysyłać. Jestem pewien, że jesteś normalną osobą i wszystko rozumiesz.
Od wykonawcy oczekuje się:
- Roboczy skrypt. Język programowania i inne wybiera samodzielnie.
- Instrukcję uruchamiania i sprawdzania działania skryptu.
- W kodzie skryptu wstawiane są FIGMA_API, FILE_KEY
- Skrypt ma zapisać index.html, stworzyć folder assets/img, do którego eksportuje w oryginalnym rozmiarze wszystkie PNG. Stworzyć folder assets/css/custom.css
Style bierzemy z warstw/komponentów makiety. Zabrania się używania position:absolute;
position:relative;
i innych.
- Plik index.html jest układany z użyciem section, div z klasami, które będą w custom.css.
-Tekst, obrazki, czcionki google, kolory muszą być takie jak na makiecie przy 100% skali w przeglądarce google chrome o szerokości 1366px.
Від виконавця очікуюється:
- Робочий скрипт. Мову програмування та інше він обирає самостійно.
- Інструкіюз запуску та перевірки роботу скрипта.
- В код скрипта вшивається FIGMA_API, FILE_KEY
- скрипт має зберегти index.html, створити папку assets/img в яку експортує в оригінальному розмірі усі PNG. Створити папку assets/css/custom.css
Стилі беремо з шарів/компонентів макету. Забороняється використання position:absolute;
position:relative;
та інше.
- Файл index.html верстається з використанням section, div з класами, які будуть в custom.css.
-Текст, картинки, гугл шрифти, кольори мають бути як на макеті при 100% масштабі в браузері google chrome з шириною 1366px.
-
7 dni738 PLN
1768 17 1 7 dni738 PLN
Dzień dobry. Już realizowałem podobne skrypty automatyzacji Figma do swojej pracy, gotowy do realizacji. Z TZ wszystko jasne, ponieważ już pracowałem z tą strukturą plików i znam niuanse
Proszę się zgłaszać
-
10 dni820 PLN
360 3 1 10 dni820 PLN
Dzień dobry. Posiadam doświadczenie w JS, NodeJs, PHP, CSS, HTML oraz w korzystaniu z Figma. Mogę pomóc w rozwiązaniu Twoich zadań. Terminy i płatność mogą być dostosowane w zależności od rzeczywistych ilości pracy.
-
Обов'язково Node.js?
-
Це лише приклад. Можете ваш варіант запропонувати.
-
Скинув вам частинку рішення вже
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 18 minut temu ∙ 6 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 1 dzień 4 godziny temu ∙ 17 ofert |
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 21 godzin temu ∙ 86 ofert |
Konsultacja i audyt bieżącego projektu na Odoo 19 Community Edition
Szukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w pracy z Odoo 19 Community Edition, w tym z wykorzystaniem Claude Code. Potrzebujemy specjalisty, który ma zrealizowane projekty w Odoo oraz praktyczne doświadczenie w programowaniu z użyciem Claude Code.… C i C++, Javascript & Typescript ∙ 2 dni 3 godziny temu ∙ 7 ofert |
Sklep internetowy z odzieżąPotrzebny programista do sklepu internetowego z odzieżą Szukam doświadczonego programisty do stworzenia pełnoprawnego sklepu internetowego z odzieżą z modelem sprzedaży dropshipping. Co należy zrobić: 6 stron: strona główna, produkt, koszyk, zamówienie, konto, panel… Układ HTML i CSS, Javascript & Typescript ∙ 4 dni temu ∙ 101 ofert |
Zaporoże