Pygma — Publish websites from Figma « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma

установить плагин для Фигмы Pygma - Publish websites from Figma

Плагин Pygma — Publish websites from Figma позволяет генерировать сайт сразу из макета Фигмы.

Функции

Создать несколько проектов / веб-сайтов
Создайть неограниченные страницы для каждого сайта
Одно щелкните развертывание обновлений
Подключение пользовательского домена

Завести аккаунт

Войти / Зарегистрируйтесь, используя Fight Oauth — PYGMA имеет доступ только к указанным вами файлам.

Создать проект

Убедитесь, что вы находитесь в том же файле figma, что и дизайн, который хотите превратить в веб-сайт.
Добавить клавишу Wirl File, которая необходима для публикации вашего сайта. Вы можете найти это из ссылки на ресурсы для вашего файла.
Выберите страницу Funge, которая содержит фреймы для вашего сайта.
Дайте вашему проекту имя.
Случайный поддомен на PYGMA.APP будет сгенерирован для вашего сайта, но вы можете изменить это позже.

Создать страницу

Добавьте путь для вашей страницы. Например, для домашней страницы вы можете использовать «/» или «/ ценообразование» для ценовой страницы.
Добавьте заголовок для страницы (это заголовок, который появится в прискаке).
Добавьте фреймы для страницы. Если у вас есть несколько для разных точек, проверьте все они, и они станут отзывчивыми точками адаптива на окончательном веб-сайте.

Подключите домен (временно свободный, будет оплачен в ближайшее время)

Вы можете изменить домен проекта на странице конфигурации проекта. Как только вы используете пользовательский домен, вы увидите настройки DNS для записи записи и CNAME, появляются под доменом. Добавьте это в регистратор DNS, где приобрели или управляете своим доменом.

Разверните сайт

Как только ваши страницы будут добавлены, просто щелкните кнопку развертывания — этот процесс обычно завершается Thitin 2 минуты, и вы сможете перейти к вашему домену / поддомен, чтобы увидеть ваш сайт (если это пользовательский домен, который вам нужно будет сначала подключить его как указано выше).