Макеты сайтов для тренировки верстки: Где брать PSD шаблоны сайтов для вёрстки? — Хабр Q&A

Макеты сайтов 🦋 Figma Бесплатные для верстки сайта коллекция макетов

Отличная коллекция макетов для верстки Figma 🔥 Выбери Бесплатные макеты Figma для верстки сайта прямо сейчас 🦋 Макеты для верстки сайтов созданные в программе Figma

233 Articles

KURSY ONLINE

Подборка полезных и необходимых плагинов для работы в редакторе Figma. Плейлист с обзором самых популярных плагинов Figma. ТОП плагинов Figma

Автор PINTA IT

KURSY ONLINE

Дизайн и верстка многостраничного сайта в Figma. Figma лучший редактор для создания макета, вы можете создать красивый и функциональный сайт, который будет удовлетворять потребности ваших пользователей.

Автор PINTA IT

KURSY ONLINE

Обучающий видеоматериал по дизайну приложений в редакторе Figma. Серия роликов про разработку дизайна для мобильных приложений в Figma.

Автор PINTA IT

FIGMA

Готовые веб приложения макеты Figma. Макет содержит все необходимые страницы маркетплейса и готовые элементы. Скачайте этот макет к себе прямо сейчас

Автор PINTA IT

FIGMA

Макеты сайтов Figma — Макет интернет магазина. Отличная коллекция макетов различных сайтов созданных в Figma. Бесплатные макеты Figma для верстки.

Автор PINTA IT

FIGMA

Отличный Макет Figma оптимизация бизнеса. Бесплатные макеты Figma — Макеты для верстки сайта и обучения. Используй бесплатные макеты Фигма

Автор PINTA IT

FIGMA

Макет Figma программное обеспечение Бесплатные макеты Figma — Макеты для верстки сайта и обучения. Используй бесплатные макеты Фигма

Автор PINTA IT

FIGMA

Макеты Figma —  Branding WordShop — Коллекция бесплатных макетов Figma.

Скачать макеты Figma. Курсы и обучение Figma. Курс по вёрстке сайтов Бесплатные обучающие материалы по

Автор PINTA IT

FIGMA

Макеты Figma —  Dubai — Коллекция бесплатных макетов Figma. Скачать макеты Figma. Курсы и обучение Figma. Курс по вёрстке сайтов Бесплатные обучающие материалы по верстке

Автор PINTA IT

FIGMA

Макеты Figma —  Fitness Mirror  — Коллекция бесплатных макетов Figma. Скачать макеты Figma. Курсы и обучение Figma. FREE FIGMA Смотри Бесплатные Курсы и обучение материалы

Автор PINTA IT

FIGMA

Макеты Figma —  Remote Design Sprint — Коллекция бесплатных макетов Figma. Скачать макеты Figma. Курсы и обучение Figma. Курс по вёрстке сайтов Бесплатные обучающие материалы

Автор PINTA IT

FIGMA

Макеты Figma — Atlant Design — Коллекция бесплатных макетов Figma. Скачать макеты Figma. Курсы и обучение Figma. FREE FIGMA Смотри Бесплатные Курсы и обучение материалы

Автор PINTA IT

FIGMA

Макеты Figma — Макет House — Коллекция бесплатных макетов Figma. Скачать макеты Figma. Бесплатные Курсы и обучение Figma.

Автор PINTA IT

FIGMA

Макеты сайтов Figma — Макет приложения. Отличная коллекция макетов различных сайтов созданных в Figma. Бесплатные макеты Figma для верстки.

Автор PINTA IT

FIGMA

Макеты сайтов Figma — Макет приложения. Отличная коллекция макетов различных сайтов созданных в Figma. Бесплатные макеты Figma для верстки.

Автор PINTA IT

Лучшие макеты Figma в 2023 году

Список обновлен: 01.01.2023

Готовые макеты Figma, в большом количестве, можно найти в интернете на специализированных сайтах или на сайтах-портфолио некоторых дизайнеров. Макеты представляют из себя готовые шаблоны сайтов, которые вы можете открыть в Фигме для просмотра. Так же, вы можете скопировать макет себе в драфты (Duplicate to your drafts), если хотите иметь возможность редактировать его.

Довольно часто, дизайнеры ищут макеты для того, чтобы посмотреть как в нем реализованы те или иные элементы дизайна. Качественный проект, подготовленный и оформленный профессиональным дизайнером, может стать отличным руководством для начинающего при создании собственных макетов. Ведь помимо способов реализации тех или иных идей, в макете можно подсмотреть и некоторые «технические и организационные моменты». Так же, бесплатные макеты Figma ищут верстальщики и программисты, которые хотят добавить больше работ в свое портфолио, либо просто попрактиковаться в верстке реальных проектов.

В нашей подборке вы сможете найти макеты сайтов и интернет-магазинов, макеты мобильных приложений, лендинги, простые макеты для начинающих или более сложные, для тех, кто уже окончил курсы Figma и готов к непростым задачам.

1. Макет интернет-магазина одежды

Макет дизайна для сайта интернет-магазина одежды. В макете представлены различные блоки, включая категории товаров и блок с мобильным приложением. Макет содержит в себе только главную страницу, в нем нет дизайна страницы карточки товара или корзины.

Открыть макет

2. Макет административного интерфейса (админки)

Бесплатная версия макета административного интерфейса Panda. Макет включает в себя главную страницу админки и набор используемых компонентов с иконками. Сам макет главной страницы находится в Pages > Templates > Dashboard pages

Открыть макет

3. Макет Figma — лендинг

Бесплатный макет SaaS лендинга для Фигмы. Шаблон выполнен в синих тонах и имеет два варианта: светлый и темный. Так же доступны версии для различных устройств (планшеты, смартфоны) и разрешений экрана. В самом макете есть большое количество информационных блоков, а так же, блоков с ценами и отзывами.

Открыть макет

4.

Макет мобильного приложения (темный)

Макет Figma для мобильного приложения Android или iOS, выполнен в темной цветовой гамме. Сам макет содержит в себе 10 экранов (или страниц) мобильного приложения, с большим количеством элементов интерфейса (формы, кнопки, информационные блоки, модальные окна и т.д.).

Открыть макет

5. Макет блога / информационного сайта

Макет личного блога или информационного сайта в светлых тонах. Состоит из 9 страниц: главная страница, страница записей, одиночная запись, категории, страница автора, страница «о нас», контакты и страница с юридической информацией.

Открыть макет

6. UI Kit — Material Design

UI Kit — набор элементов Material Design 3 для Figma. В наборе имеются компоненты в светлой и темной цветовой гамме. Отлично подойдет для дизайна мобильных приложений под Android.

Открыть макет

7. Макет лендинга товаров для красоты и здоровья

Макет лендинга для рекламы и продажи товаров для красоты и здоровья. Дизайн выполнен в теплых тонах и содержит различные информационные блоки, в которых описываются преимущества товара и демонстрируются его фото.

Открыть макет

8. Макет cайта для дизайнеров интерьера

Макет сайта для компании предлагающей услуги дизайна интерьера. Легкий и светлый макет, состоит из 7 страниц, на который вы сможете найти большое количество уже готовых элементов и секций. Отлично подойдет в качестве основы для вашего дизайна или для верстки в портфолио верстальщика.

Открыть макет

9. Макет приложения либо мобильной версии интернет-магазина

Макет приложения интернет-магазина либо мобильной версии интернет-магазина. Можно использовать в качестве основы при создании приложения либо мобильной версии сайта. Макет содержит в себе большое количество шаблонов страниц.

Открыть макет

10. Макет лендинга или сайта-одностраничника

Неплохой макет с контрастными темными блоками на основном белом фоне. Содержит большое количество элементов для отображения информации на странице. Подойдет для лендинга или сайта-одностраничника для компании.

Открыть макет

11. Макет кредитных карт

Более 30 макетов кредитных карт в слоях. Все изображения, текстовые данные и градиенты можно редактировать, либо заменить своими. Отлично подойдет в качестве примера для создания собственного дизайна кредитной или дебетовой карты.

Открыть макет

12. Иконки популярных социальных сетей

Набор из более чем 50 иконок популярных социальных сетей и приложений, таких как: WhatsApp, Instagram, YouTube, Pinterest, Twitch, Telegram, Viber, Вконтакте и других. Отлично подойдут для оформления любого блока контактов или блока с социальными сетями компании на сайте.

Открыть макет

13. iOS 16 UI Kit

Большой UI kit операционной системы iOS 16. Отлично подойдет для создания дизайна либо прототипа мобильного приложения для устройств iPhone или iPad.

Открыть макет

14. Набор SVG иконок Remix Icons

Если, по каким либо причинам, вас не устраивает плагин Iconify, в котором вы можете подобрать практически любую иконку для своего макета, вы можете скачать этот шаблон со всеми иконками популярного пака Remix Icons.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *