Каркас сайта (вайрфрейм) онлайн
Добавляйте блоки в порядке страницы, перетаскивайте на место и тяните за угол, чтобы изменить размер. Нажмите на блок, чтобы заменить текст.
Как пользоватьсяЧерновик страницы, блок за блоком
Доступно на: 
Каркас сайта (вайрфрейм) онлайн: для чего нужен
Соберите черновик страницы из готовых блоков (шапка, баннер, заголовок, текст, изображение, кнопка, карточки, форма, видео, подвал и свободный блок), перетаскивайте на место и тяните за угол для изменения размера, с выравниванием по сетке 10 пикселей.
Выберите ширину компьютера (1200 px) или телефона (390 px) и скачайте вайрфрейм в PNG или SVG для согласования с клиентом.
Как пользоваться
- Выберите ширину страницы.
- Добавляйте и перетаскивайте блоки.
- Скачайте вайрфрейм в PNG или SVG.
Когда использовать
- Согласование макета с клиентом.
- Планирование лендинга.
- Занятия по UX и дизайну.
Частые вопросы
Что такое вайрфрейм?
Это черновик структуры страницы — серый, без цветов, фото и итоговых текстов. Он показывает, где что находится (меню, баннер, призывы, форма), чтобы согласовать макет с клиентом или командой до того, как тратить время на дизайн.
Как изменить размер блока?
Нажмите на блок и потяните синий квадратик в правом нижнем углу. Блоки выравниваются по сетке 10 пикселей, чтобы всё легко было сделать ровно. Клавиша Delete удаляет выбранный блок.
Можно ли сделать версию для телефона?
Да. Перед началом переключите ширину на «Телефон»: страница получит ширину 390 пикселей, как экран обычного телефона, а новые блоки сразу будут нужного размера.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.