Написати конвертор Figma to HTML&&CSS
Доброго дня.
Для вирішення завдання необхідно створити консольний чи іншого виду скрипт на Node.js, який використовуватиме `FIGMA_API_KEY` та `FILE_KEY` для отримання макета та його структури. Скрипт має автоматично згенерувати базовий проєкт із семантичною HTML-структурою відповідно до сучасних стандартів веб-розробки але з урахуванням ієрархічної структури макету. Файли мають бути організовані таким чином:
1. index.html – головна сторінка з семантичними тегами для кожної секції (header, main, section, footer тощо).
2. assets/css/custom.css – файл зі стилями, які виділяють всі компоненти, використовуючи лише `display`, `margin`, `padding`, `flex` та `grid` (заборонено застосовувати абсолютне та відносне позиціювання).
3. assets/img/ – папка для зображень із розширенням PNG, які потрібно завантажити безпосередньо з макета FIGMA.
Пишіть ваші терміни та вартість в гривнях. Якщо ви немаєте такого досвіду то не потрібно казна що присилати. Явпевнений ви нормальна людина і все розумієте.
Від виконавця очікуюється:
- Робочий скрипт. Мову програмування та інше він обирає самостійно.
- Інструкіюз запуску та перевірки роботу скрипта.
- В код скрипта вшивається 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.
-
1768 17 1 Добрий день. Уже реалізовував подібні скрипти з автоматизації Figma для своєї роботи, готовий реалізувати. З ТЗ все зрозуміло, оскільки вже працював з тією структурою файлів і знаю нюанси
Звертайтеся
-
360 3 1 Доброго вам дня. Вододію JS,NodeJs,PHP,CSS,HTML і використанням Figma. Можу допомогти в рішені ваших задач. Терміни і оплата можуть коригуватись з огляду на реальні об'єми робіт.
-
Обов'язково Node.js?
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Виправити CSS/DOM-верстку карток у Chrome extension для локалізації D&D BeyondЄ Chrome extension Manifest V3, який локалізує сайт D&D Beyond українською. Проєкт написаний на TypeScript + WXT. Розширення працює через content script: знаходить англійський текст на сторінках D&D Beyond і замінює його українським перекладом. Проблема виникла на сторінці:… HTML та CSS верстання, Javascript та Typescript ∙ 10 годин 28 хвилин тому ∙ 23 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
256 773 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 19 годин 28 хвилин тому ∙ 86 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 1 день 1 година тому ∙ 17 ставок |
Комерційна on-premise платформа відеозв'язку «ViM»Требуется разработати on-premise систему відеозв'язку з базовим розрахунком на 100 одночасних підключень (10 ізольованих кімнат по 10 осіб). Платформа повинна мати закладену архітектуру для майбутнього горизонтального масштабування до 1000 користувачів шляхом додавання нових… Javascript та Typescript, Веб-програмування ∙ 1 день 20 годин тому ∙ 28 ставок |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 3 дні тому ∙ 18 ставок |