Moodboard-to-Design

About this plugin

Плагин позволяет перенести дизайн-систему, созданную на сайте Moodboard-to-Design, непосредственно в Figma. Для этого достаточно скопировать токен со страницы проекта и вставить его в окно плагина. Система автоматически сгенерирует набор стилей и компонентов: цветовые палитры, текстовые стили для заголовков и основного текста, кнопки в двух состояниях (обычном и при наведении), карточки, поля ввода, радиокнопки, чекбоксы и выпадающие списки.Плагин подходит для дизайнеров, которые хотят быстро прототипировать интерфейсы на основе готового мудборда, не тратя время на ручную настройку цветов и типографики.Для использования плагина выполните следующие шаги:1. Откройте сайт https://moodboardtodesign.ru2. Перейдите в галерею (https://moodboardtodesign.ru/gallery)3. Нажмите на любую карточку проекта (например, на первую)4. На странице проекта нажмите кнопку «Экспортировать»5. В появившемся окне нажмите «Экспорт в Figma»6. Скопируйте сгенерированный токен (токен действителен 15 минут)7. В Figma запустите плагин Moodboard-to-Design8. Вставьте токен и нажмите «Импортировать дизайн-систему»Ожидаемый результат: будет создана новая страница со сгенерированными компонентами (кнопки, карточки, поля ввода и т.д.) и локальными стилями.Если вы создадите аккаунт и войдёте в него, вы сможете создавать свои собственные проекты и экспортировать их.To use the plugin, follow these steps:1. Open the website https://moodboardtodesign.ru2. Proceed to the gallery (https://moodboardtodesign.ru/gallery)3. Hover over any project card (e.g., the first one) and click "Посмотреть проект".4. On the project page, click the "Экспортировать" button5. In the popup, click "Экспорт в Figma"6. Copy the generated token (the token is valid for 15 minutes)7. In Figma, run the plugin Moodboard-to-Design8. Paste the token and click "Импортировать дизайн-систему"Expected result: A new page with generated components (buttons, cards, inputs, etc.) and local styles will appear.If you create an account and log in, you will be able to create your own projects and export them.