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

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

Привет! Figma уже давно прочно внедрилась в жизнь веб-разработчиков, это довольно удобная программа как для создания дизайна, так и для его использования. Собрал несколько бесплатных макетов для верстки сайта для вас!

Portfolio landing page

Классный сайт для портфолио, лично мне нравится простой и чистый дизайн.

Сложность: низкая

Clean simple landing page

Довольно простой по дизайну, но не самый простой в плане верстки сайт. Есть что отработать (декоративные элементы, слайдеры и т.д.)

Сложность: средняя

Client chat

Ооочень похоже на мессенджер Slack 🙂 Но тем не менее, интересно такое сверстать, особенно в плане семантики.

Сложность: средняя

Restaurant template

Неплохой одностраничник на тему ресторана. Так же есть немало мелочей, которые можно отработать.

Сложность: средняя

Valorant concept

Концепт по недавно вышедшей игре Valorant. В целом, это не совсем макет сайта, но мне дизайн нравится, и в принципе, можно под себя переделать. Для практики — самое то)

Сложность: высокая (только из-за нестандартного макета)

Thrivetalk landing page

Простой лендинг, для отработки сеток (flexbox) самое то)

Сложность: низкая

Пока это все, на самом деле найти адекватные макеты для figma не так уж и просто, но будем стараться) Если же вы хотите еще, или хотите сборник psd-макетов от меня — пишите в комментарии, и все будет!

Источник

Figma Templates

Beautifully designed, ready to use templates to save you time and accelerate your workflow.

Share ideas, diagrams, and processes with your team in realtime.

Get this template

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

Get this template

Easily conduct visual research and find your aesthetic with this mood board.

Get this template

Impress your followers with beautifully designed Instagram posts

Get this template

Speed up your design workflow and create a beautiful app with our fully customizable mobile UI kit.

Get this template

Create professional architecture diagrams and visualize your AWS charts.

Get this template

Create beautifully designed Google Cloud architecture diagrams.

Get this template

Diagrams to help you design and implement your cloud solutions on Microsoft Azure.

Get this template

Get your users to their a-ha moment faster with Figmas user story maps.

Get this template

Visualize how your customers experience your product, from discovery to advocate.

Get this template

Quickly visualize the relationships between data sets.

Get this template

Plan out website architecture, content and user flows with your entire team

Get this template

Design Facebook ads too beautiful for your customers to ignore.

Get this template

Better plan and schedule projects using Figma’s gantt chart template.

Get this template

Stuck trying to pick the perfect pair of fonts? Use Google Font pairings in Figma.

Get this template

Picking the right font can be crucial for a design project, use one of our templates to make the right choice.

Get this template

Learn how to make Facebook covers, YouTube banners, Twitter headers, Instagram ads and more with Figma.

Источник

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

Нарисовать дизайн главной страницы
сайта повара-путешественника,
который проводит мастер-классы
в различных точках земного шара.

Подробный макет личного кабинета мастера

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

Буду рад обратной связи, комментариям,
замечаний и пожеланиям.

Макет для тренировки основных навыков html-верстальщика

Привет! работаю веб-программист уже 7 год, предлагаю следующие курсы.

1) HTML5, CSS3,
2) Javascript,
3) React JS

Цена занятия 1500 р/час

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

Источник

Landing Page

Шаблоны одностраничных сайтов для Figma

77 файлов

Шаблон GoRent для Figma

Отправлено Вчера, 08:57

Шаблон GoTrieop для Figma

Отправлено Вчера, 07:46

Шаблон Sinau Online Course для Figma

Отправлено 28 сен 2021, 12:05

Шаблон HelloUI для Figma

Отправлено 28 сен 2021, 11:57

Шаблон Building Realestate для Figma

Отправлено 25 сен 2021, 19:19

Шаблон Soft Point для Figma

Отправлено 13 сен 2021, 22:00

Шаблон Eat Meet для Figma

Отправлено 13 сен 2021, 20:45

Шаблон Dudeshape для Figma

Отправлено 12 сен 2021, 19:37

Шаблон Zulu для Figma

Отправлено 12 сен 2021, 13:32

Шаблон Marico для Figma

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

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

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

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

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

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

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

Шаблон Furniking для Figma

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

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

24 раза скачали

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

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

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

Шаблон TraveGo для Figma

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

Шаблон Cutspace для Figma

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

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

110 раз скачали

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

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

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

Шаблон HealtCare для Figma

84 раза скачали

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

Шаблон Ox Online Course для Figma

Отправлено 2 июл 2021, 23:31

Шаблон Saas Sellzee для Figma

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

Шаблон Base Saas для Figma

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

Шаблон Linked Tech для Figma

115 раз скачали

Отправлено 3 июн 2021, 20:38

Источник