Написать конвертер 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.
Від виконавця очікуюється:
- Робочий скрипт. Мову програмування та інше він обирає самостійно.
- Інструкіюз запуску та перевірки роботу скрипта.
- В код скрипта вшивається 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
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 12 часов 26 минут назад ∙ 67 ставок |
Консультация и аудит текущего проекта на Odoo 19 Community Edition
Ищем Odoo разработчика — соло-разработчика с опытом разработки на Odoo 19 Community Edition, в том числе с использованием Claude Code. Нам нужен специалист, который успешно реализовал проекты в Odoo и имеет практический опыт разработки с использованием Claude Code. Важно:… C и C++, Javascript и Typescript ∙ 18 часов 5 минут назад ∙ 5 ставок |
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 15 часов назад ∙ 98 ставок |
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 5 дней 2 часа назад ∙ 32 ставки |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 6 дней 18 часов назад ∙ 99 ставок |
Запорожье