Написати конвертор 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.
-
7 днів9000 UAH
1768 17 1 7 днів9000 UAH
Добрий день. Уже реалізовував подібні скрипти з автоматизації Figma для своєї роботи, готовий реалізувати. З ТЗ все зрозуміло, оскільки вже працював з тією структурою файлів і знаю нюанси
Звертайтеся
-
10 днів10 000 UAH
360 3 1 10 днів10 000 UAH
Доброго вам дня. Вододію JS,NodeJs,PHP,CSS,HTML і використанням Figma. Можу допомогти в рішені ваших задач. Терміни і оплата можуть коригуватись з огляду на реальні об'єми робіт.
-
Обов'язково Node.js?
-
Це лише приклад. Можете ваш варіант запропонувати.
-
Скинув вам частинку рішення вже
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Платформа нерухомості - Blockstar (ШІ + 3D + Блокчейн)
1 112 823 UAH
Blockstar — це стартап, орієнтований на технології, який зосереджений на трансформації інвестування в нерухомість за допомогою блокчейну, штучного інтелекту та сучасних веб-додатків. Наша платформа дозволяє користувачам інвестувати в фракціоновані активи нерухомості,… Криптовалюта та blockchain, Javascript та Typescript ∙ 3 години 47 хвилин тому ∙ 5 ставок |
Виправити 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 ∙ 6 годин 32 хвилини тому ∙ 18 ставок |
Модулі для сайта на Laravel
4000 UAH
Модуль доставки та оплати для сайтуhttps://novabook.top/ (Botble CMS / Laravel) Додати в checkout зручні способи доставки та оплати (включаючи розстрочку), за схожим стилем і зручністю подібно до сайту mirson ua.Доставка (обов’язково) Нова Пошта Відділення Поштомат Кур’єр на… Javascript та Typescript, PHP ∙ 12 годин 35 хвилин тому ∙ 18 ставок |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
256 773 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 15 годин 32 хвилини тому ∙ 82 ставки |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 21 година 18 хвилин тому ∙ 17 ставок |
Запоріжжя