Фигма онлайн бесплатно FigCraft: макет сайта и приложения
Фреймы, автолейаут, компоненты и кликабельные прототипы — как в Figma, только без учётной записи и подписки. Макет приложения для ученического проекта, страница школьного сайта, пост для группы во всех размерах. Файлы остаются на вашем компьютере.
Автолейаут: макет, который раскладывается сам
В макетах не двигают кнопки по пикселю: рамке говорят «складывай содержимое столбиком, с промежутком 12» — и она сама держит порядок. Поменяйте настройки справа или добавьте урок — экран перестроится, как в FigCraft.
Стенд требует JavaScript. Сам FigCraft открывается кнопкой выше: автолейаут там — Shift+A на выделенной рамке.
В FigCraft автолейаут включается сочетанием Shift+A, а настраивается в панели Design справа — те же направление, промежуток, отступы и выравнивание. Кто знаком с вёрсткой, узнает flexbox: на портале есть и тренажёр по нему.
Так выглядит FigCraft
Снимки сделаны в нашей копии программы 15.10.2026 на встроенных шаблонах.
Что умеет FigCraft
Фреймы и автолейаут
Макет, который держит порядок
- фреймы под экраны телефона и сайта
- автолейаут в строку, столбиком, сеткой
- отступы, промежутки, выравнивание
- привязки и сетки колонок
Компоненты
Кнопка один раз — везде
- компоненты и их экземпляры
- варианты: обычная, нажатая, неактивная
- панель Assets с поиском
- стили и переменные цвета, светлая и тёмная тема
Векторы и текст
Иконки и надписи
- перо и векторные сети
- булевы операции над фигурами
- градиенты, тени, размытие, стекло
- текст со стилями, кириллица работает
Прототип
Кликабельный макет без кода
- переходы между экранами по нажатию
- анимация переходов
- просмотр прототипа в рамке телефона
- режим разработчика с размерами и кодом
Форматы
Отдать на сайт и в печать
- PNG, JPG, WebP, SVG, PDF
- экспорт фреймов в один PDF
- свой открытый формат .figcraft
- .fig из Figma — по возможности
Как сделать макет экрана
Начните с шаблона
Логотип вверху слева → File → New from template… → Mobile app или Wireframe kit
Поменяйте содержимое
Двойной щелчок по тексту — и печатайте свой; цвета — в панели Design справа
Свяжите экраны
Вкладка Prototype: протяните связь от кнопки к нужному экрану, затем ▶ — кликабельный просмотр
Сохраните и выгрузите
File → Save as… — файл проекта; File → Export frames to PDF… — все экраны одним файлом
Что готово, а что пока нет
Авторы оценивают FigCraft на 53% готовности к настоящей работе, а возможности Figma повторены примерно на 85%. На практике это значит вот что.
Работает сейчас
Можно пользоваться- Фреймы, автолейаут, компоненты и варианты
- Векторы, градиенты, эффекты; кириллица в тексте
- Прототип с переходами и просмотром
- Восемь шаблонов, экспорт в PNG, SVG и PDF
Пока нет или не до конца
Позже- Русского интерфейса — шпаргалка выше
- Совместной правки, как в Figma, в нашей копии нет: файл живёт у вас
- Файлы .fig из Figma открываются «по возможности» — не всё переедет
- Плагины Figma не работают
Это ранняя версия: проекты ArtCraft появились в конце сентября 2026 года и обновляются почти каждый день. Мы держим свежую сборку, но ошибки возможны — сохраняйте работу в файл почаще.
Откройте шаблон и поменяйте под себя — это пять минут:
Открыть FigCraft arrow_forwardДанные и разрешения
Что происходит с вашими файлами в FigCraft.
-
Что читается
Только файлы, которые вы сами открыли или перетащили в окно. Доступа к остальному диску у страницы нет.
-
Куда отправляется
Никуда: наш сервер отдаёт браузеру саму программу и на этом заканчивает. Внешних загрузок — нейросетей или примеров с зарубежных серверов — у FigCraft нет: они есть только у FilmCraft, EffectCraft и LightCraft.
-
Что сохраняется
Пока вкладка открыта — документ в памяти браузера. Настройки программы (язык, размеры панелей) браузер может запомнить для app.педобраз.рф; сами документы — только в файлах, которые вы скачали.
-
Как удалить
Закройте вкладку — открытый документ исчезнет. Сохранённое стирает очистка данных сайта app.педобраз.рф в настройках браузера. Сами документы — только в файлах, которые вы скачали.
-
Статистика
Свой счётчик портала отмечает визит и время на странице — без cookie и без идентификаторов. Яндекс Метрика включается только после вашего согласия в баннере. Содержимого ваших действий внутри программы не видит ни тот, ни другой.
Фигма онлайн бесплатно: что такое FigCraft
Что такое FigCraft
FigCraft — бесплатный редактор интерфейсов, который работает в браузере и повторяет устройство Figma: фреймы, автолейаут, компоненты с вариантами, векторные сети, стили и переменные, прототипы с переходами и режим разработчика. Панели, меню и горячие клавиши стоят там же, где в Figma, — кто работал в ней, сразу найдёт нужное.
Программа написана с нуля с открытым кодом (MIT и Apache 2.0) командой ArtCraft. Учётной записи у неё нет вовсе: на портале «ПедОбраз» лежит наша копия, файлы проекта сохраняются у вас на диске.
Что такое автолейаут и почему с него начинают
Новичок двигает кнопки мышью и выравнивает их на глаз; добавил ещё одну — двигай все заново. Автолейаут меняет подход: рамке задают правило — «складывай столбиком, промежуток 12, отступы 16» — и она сама раскладывает содержимое. Добавили карточку — остальные подвинулись, удлинился текст — кнопка выросла.
Это то же самое, что flexbox в вёрстке сайтов, только мышкой. Поэтому FigCraft хорошо идёт в паре с уроком веб-разработки: сначала макет с автолейаутом, потом вёрстка по нему. Стенд в начале страницы показывает правила автолейаута вживую.
Кому в школе нужен редактор интерфейсов
Ученический проект: макет приложения или сайта, кликабельный прототип для защиты — без учётных записей и платных тарифов. Урок информатики: интерфейс, удобство, вёрстка. Учитель и школа: пост для группы во всех размерах из шаблона Social post sizes, обложка для страницы, карточка объявления.
Для печатных афиш и эмблем удобнее VectorCraft, для фотомонтажа — PhotoCraft.
Честно о том, чего пока нет
FigCraft — ранняя версия: авторы оценивают его готовность к профессиональной работе примерно в 53%. Интерфейс пока только английский. Совместной правки, за которую любят Figma, в нашей копии нет: проект — это файл на вашем диске, им делятся как обычным файлом. Файлы .fig открываются «по возможности», плагины Figma не работают.
Для макета, прототипа и картинки для соцсетей возможностей хватает. О найденной ошибке напишите нам через «Обращения».
Часто задаваемые вопросы
Это настоящая Figma? expand_more
Нужна ли учётная запись? expand_more
Откроются ли мои файлы из Figma? expand_more
Можно ли работать вместе, как в Figma? expand_more
Почему интерфейс на английском? expand_more
Работает ли русский текст? expand_more
Как сделать пост для группы школы? expand_more
Файлы уходят на ваш сервер? expand_more
На чьих плечах
Мастерская собрана из открытого кода — и авторов нужно назвать
FigCraft MIT / Apache-2.0
FigCraft пишет команда ArtCraft (getartcraft.com): программа с открытым кодом, написанная с нуля на языке Rust и собранная для браузера в WebAssembly. Мы раздаём веб-сборку её релиза со своего сервера, не меняя самой программы.
О названиях
Adobe, Photoshop, Acrobat, Illustrator, InDesign, Lightroom, Premiere Pro и After Effects — товарные знаки Adobe Inc.; Microsoft, Word, Excel и PowerPoint — Microsoft Corporation; AutoCAD — Autodesk, Inc.; Figma — Figma, Inc.; Pro Tools — Avid Technology, Inc. ArtCraft — товарный знак ArtCraft Team. Ни «ПедОбраз», ни ArtCraft не связаны с этими компаниями: названия их программ упомянуты только для того, чтобы объяснить, что чем можно заменить.
Картины и фотографии в примерах
На снимках и в стендах — произведения в общественном достоянии: картина Н. П. Богданова-Бельского «Устный счёт» (1895, Третьяковская галерея) и цветные фотографии С. М. Прокудина-Горского (1909–1910, Библиотека Конгресса США). Документы на снимках PdfCraft — федеральные рабочие программы с сайта ЕДСОО. Положение о конкурсе, ведомость и презентация в WordCraft, GridCraft и DeckCraft составлены нами, фамилии в них вымышлены; чертёж кронштейна, песня в SoundCraft и шаблоны FigCraft — встроенные примеры самих программ.
Сделайте макет в FigCraft
Шаблоны, автолейаут и прототип — без учётной записи и подписки.
rocket_launch Открыть FigCraft open_in_new