Плагин Figma to Handoff позволяет преобразовать проекты в код HTML, CSS и Vue.
Он позволяет копировать и вставлять слои с поддержкой Auto Layout в Handoff. Из интерфейса Handoff вы можете экспортировать код в виде ZIP-файла или скопировать и вставить код прямо в свою IDE.
Как это работает
- Установите плагин;
- Зарегистрируйте бесплатную учетную запись Handoff;
- В Фигме щелкните правой кнопкой мыши → plugins → Figma to code with Handoff;
- Выберите слой;
- Нажмите «’Export layers»;
- В Handoff щелкните правой кнопкой мыши → Paste from Figma.
Совет: чтобы в полной мере использовать этот плагин и обеспечить хорошее качество кода, прочитайте статью документации Handoff «Importing from Figma».