Шаблон фигма для верстки

Макеты Figma

Готовые макеты 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.

15. Макет сайта для онлайн школы или курсов

Неплохой макет для онлайн школы или курсов (например по дизайну). Макет выполнен в светлой цветовой гамме и содержит векторные иллюстрации и фото, которые можно заменить на свои.

Конечно, этот список можно сделать просто огромным, в несколько сотен записей как минимум. Но нам не хотелось собирать на этой странице все, что удалось найти на просторах интернета. Поэтому, мы отобрали лишь наиболее интересные (на наш субъективный взгляд) макеты.

В заключении

Список однозначно будет видоизменяться в будущем: добавим новые макеты, что то наверно удалим как потерявшее свою актуальность.

P.S.: если вы нашли какой то макет, который как вам кажется просто обязан быть в этом списке — отправьте нам ссылку через форму обратной связи на странице «Контакты».

Версии Figma для разных ОС

1. Figma для Windows 8, 10, 11Скачать установщик FigmaSetup.exe
2. Figma для MacOSСкачать установщик Figma.dmg
3. Figma для AndroidПерейти в Google PlayMarket
4. Figma для iOSПерейти в Apple AppStore

Источник

Figma template gallery

Discover 300+ templates made by our team to help you get an idea off the ground or shape it into something new. Use the menu above to get started, or keep scrolling to find inspiration from some of our favorite categories.

Figma favorites

Search through some of our curated and most popular templates.

Speed up your design workflow with our component based wireframe kit.

Go from project proposal to purchase ready in no time.

Make planning more inclusive, productive and fun

Brainstorming templates

Whether you think linearly or tend to jot things down as they come, use these free brainstorming templates to keep all of your notes in one place.

Organize details in a way that makes sense with this flow chart diagram.

Discover your greatest ideas yet in a collaborative brainstorming session.

Log data, deliverables, and dependencies in a project requirements doc.

Strategic planning templates

Get a jumpstart on your next strategic planning sessions with these free templates. Share them with your team for easy collaboration anytime, anywhere.

Break down your business model and streamline operations with a lean canvas.

Craft a clear and polished product launch announcement using our guiding template.

Evaluate your company as related to potential opportunities and challenges.

Research and design templates

Keep your design ideas, UX research, wireframes and QA notes all in one place with FigJam templates that work alongside your Figma tiles.

Keep track of user interview data with this shareable template in FigJam.

Keep track of user behavior and attitudes with an empathy map diagram.

Quickly brainstorm with images to unlock new levels of creativity.

Meeting templates

Plan projects, keep team members updated, and run smoother meetings with these free templates.

Get the most value out of any meeting with this shareable notes template.

Start your project on the right foot and cover all important topics.

Set the stage for introspection and collaboration.

Diagramming templates

Organize your thoughts and turn ideas into action with this collection of free diagramming templates.

Take comparisons to new levels by recording similarities and differences.

Give your data a fresh new look with colorful, shareable infographics.

Map out every role and plan for new hires with this org chart template.

Explore 1,000+ templates on the Figma community

Explore even more templates, widgets, and plugins—all built by the Figma community.

Источник

Шаблон фигма для верстки

Стать графическим дизайнером бесплатно онлайн? Легко! 🎨

Освойте современную цифровую профессию в дистанционном формате и работайте удаленно или как фрилансер.

Почему мы?
📚 Учебная программа разработана экспертами
🏅 Преподаватели-практики с солидным опытом в индустрии
🎓 Удостоверение о повышении квалификации установленного образца
🙍‍♀️ Поддержка тьютора в зачислении и обучении
🙌 Увлеченное коммьюнити и новые полезные контакты
💰 Поможем найти работу или заказы на фрилансе

Что изучаем?
— Figma
— Photoshop
— Illustrator
— Брендинг
— Сувенирная продукция
— Брендбук и логобук
— Бренд-дизайн

Приглашаем:
— Студентов старшего курса и выпускников
— Безработных и лиц под риском увольнения
— Женщин в декрете и неработающих мам детей до 7 лет
и другие категории лиц.

Подробные условия — на сайте.
Для участия вы должны иметь или в настоящее время получать высшее или среднее профессиональное образование.

Источник

Landing Page

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

Отправлено 8 сен 2021, 09:49

Шаблон Tour Love для Figma

Бесплатный шаблон Tour Love для Figma, который выполнен в светлых тонах и разработан для сайта о туризме и путешествиях. Макет сделан довольно чисто и аккуратно. Можно использовать для своих нужд и адаптировать под любую тематику.

Отправлено 6 сен 2021, 07:53

Шаблон Insurance Agency для Figma

Бесплатный шаблон Insurance Agency для Figma, который выполнен в светлых тонах для страховой компании. Пришлось немного пофиксить шаблон и удалить все картинки, потому как было много ОГРОМНЫХ изображений, в результате чего макет весил 60Мб! 😉 Пользуйтесь на здоровье, друзья.

Отправлено 6 сен 2021, 07:43

Шаблон Organic Food для Figma

Бесплатный шаблон Organic Food для Figma, который выполнен в светлых тонах и подойдёт для сайта по теме полезного питания.

Отправлено 1 сен 2021, 21:42

Шаблон Furniking для Figma

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

Отправлено 24 авг 2021, 17:37

Шаблон Hungry App для Figma

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

Отправлено 11 авг 2021, 17:53

Шаблон Ruby Home для Figma

Бесплатный шаблон Ruby Home для Figma, который выполнен в светлых тонах и отлично подойдёт для агенства недвижимости или застройщика.

Отправлено 9 авг 2021, 09:30

Шаблон TraveGo для Figma

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

Отправлено 6 авг 2021, 08:59

Шаблон Cutspace для Figma

Бесплатный шаблон Cutspace для Figma, который выполнен в светлых тонах и подойдёт для одностраничного сайта агенства недвижимости или застройщика.

Отправлено 18 июл 2021, 09:56

Шаблон Meditation Yoga для Figma

Бесплатный шаблон Meditation Yoga для Figma, который выполнен в светлых тонах и отлично подойдёт для одностраничного сайта курсов по йоге и медитации.

Отправлено 16 июл 2021, 21:57

Шаблон Fitness Gym для Figma

Бесплатный шаблон Fitness Gym для Figma, который выполнен в светлых тонах и подойдёт для одностраничного сайта Фитнес-клуба или для персонального сайта фитнес-тренера.

Отправлено 15 июл 2021, 11:21

Шаблон HealtCare для Figma

Бесплатный шаблон HealtCare для Figma, который выполнен в светлых тонах для сайта по поиску врача. Макет так же можно использовать для любого другого медицинского направления.
Примечание: шаблон скачивается с Яндекс Диска.

Обновлено 8 июл 2021, 15:54

Источник