Figma Sites — отдельный продукт Figma для создания и публикации адаптивных сайтов. Макеты из Figma Design можно перенести в Sites и затем опубликовать на веб-адресе.
Официальная инструкция по публикации:
https://help.figma.com/hc/en-us/articles/31242845959703-Publish-update-or-unpublish-a-siteАдрес скопирован
Как опубликовать сайт через Figma Sites
Создавать файлы Figma Sites можно на любом плане. Для публикации сайта в открытом интернете Figma указывает платный план.
- Создайте или откройте файл Figma Sites.
- Перенесите нужные фреймы из Figma Design либо соберите страницы непосредственно в Sites.
- Откройте Site settings и заполните название, описание и другие параметры.
- Проверьте страницы, которые попадут в публикацию.
- Нажмите Publish и подтвердите публикацию.
Какой адрес получает сайт
После публикации можно использовать адрес в поддомене figma.site. Figma также позволяет настроить собственный поддомен и подключить собственный домен в поддерживаемом тарифе и сценарии.
Можно ли обновлять уже опубликованный сайт
Да. После изменений сайт можно публиковать повторно. Figma также хранит историю публикаций и позволяет вернуть ранее опубликованную версию без отката самого файла на холсте.
Можно ли скачать HTML, CSS и код сайта
На дату проверки официальный справочный центр Figma прямо указывает: экспортировать код Figma Sites для внешней публикации сейчас нельзя.
Это означает, что кнопки «скачать готовый сайт как ZIP с HTML/CSS» в Figma Sites нет. Если сайт должен размещаться на отдельном сервере с полностью выгружаемым исходным кодом, нужно заранее учитывать это ограничение.
А что тогда означает Save local copy
Figma позволяет сохранить локальную копию файла Sites в формате .site. Это резервная копия для Figma и последующего импорта, а не архив готового сайта для размещения на обычном хостинге.
Официальная справка о локальных копиях:
https://help.figma.com/hc/en-us/articles/8403626871063-Save-a-local-copy-of-filesАдрес скопирован
Можно ли перенести обычный дизайн сайта в Figma Sites
Да. Фреймы из Figma Design можно копировать и вставлять в Figma Sites, после чего настраивать адаптивное поведение, взаимодействия и параметры публикации.
Нужен ли сторонний конвертер
Для публикации через Figma Sites сторонний конвертер не нужен. Некоторые специалисты используют отдельные инструменты, когда требуется получить код для собственной инфраструктуры, но это уже другой рабочий процесс и он не равен встроенной публикации Figma Sites.
Что проверить перед публикацией
- название и описание сайта;
- язык документа;
- favicon и изображение для социальных сетей;
- доступность и настройки приватности;
- все страницы на холсте — Figma предупреждает, что при публикации они могут попасть на сайт;
- домен и права на его подключение.
Частые вопросы
Можно ли сделать настоящий сайт прямо в Figma?
Да, Figma Sites позволяет создавать и публиковать работающие сайты.
Можно ли скачать код Figma Sites?
Нет. Официальная документация сейчас не поддерживает экспорт кода сайта для внешней публикации.
Можно ли сохранить проект Sites на компьютер?
Да, как локальную копию .site, но это не HTML/CSS-архив сайта.
Можно ли подключить свой домен?
Да, Figma Sites поддерживает подключение собственного домена в доступных настройках публикации.
Читайте также: как сохранять проекты Figma на компьютер и возможности Figma на мобильных устройствах.
Безопасность: vSofte — независимый навигационный каталог. vSofte не хранит EXE, DMG, APK, IPA и другие установочные файлы Figma; официальные приложения и справочные материалы открывайте на сайте Figma и в официальных магазинах.
