Дизайн
#Руководства

10 полезных файлов в Figma: градиенты, графические элементы и шаблоны

Готовые решения, которые помогут вам быстрее сделать свой проект.

Иллюстрация: Оля Ежак для Skillbox Media

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

Рассказываем, какие файлы в Figma помогут вам быстрее делать типовые проекты.

Градиенты и паттерны

Text Gradients — набор градиентов, разработанных специально под использование внутри текста. Автор сделал несколько вариантов и под светлый фон, и под тёмный.

Изображение: Elisey Gubarev / Figma

Cosmic gradient — набор градиентов, которые напоминают расплавленную фотоплёнку. Их можно интересно использовать в своих проектах или изучить, с помощью каких эффектов они сделаны.

Изображение: Kristina Anfalova / Figma

Future Patterns — набор футуристичных паттернов и геометрических фигур.

Изображение: The Visual Team / Figma

Графические элементы

Avvvatars — коллекция аватарок-заглушек для интерфейсов. В наборе есть и стандартные цветные буквы, и разные иконки. Также автор файла предложил несколько цветовых сочетаний для каждого элемента.

Изображение: Nusu Alabuga / Oğuz Yağız Kara / Figma

Create a Mandala — инструмент, который генерирует из случайного рисунка готовый узор. Просто нарисуйте что-нибудь в указанном компоненте, и под ним автоматически появится абстрактная фигура.

Изображение: Danny Sapio / Figma

Interactive 3D Texture Mapping — интересный файл, который любой объект превращает в «растёкшуюся» по лестнице модель. Более того, у получившейся композиции сразу будет настроена анимация — чтобы посмотреть её, откройте файл в режиме прототипа.

Изображение: Adam Przewoski / Figma

Шаблоны

Devices Mockups — Black Theme — мокапы с тёмными устройствами Apple: iPhone, MacBook, iMac, Apple Watch. Особенность этого набора — каждый из девайсов сделан как векторный объект, поэтому вы можете вывести итоговое изображение в очень высоком разрешении.

Изображение: umpontoseis / Flavio Farias / Figma

Print / 300 dpi — набор шаблонов с форматами для печати. Внутри файла автор составил заметку, которая поможет вам перевести кегль из пикселей в типографские пункты, а также объяснил, как переводил пиксели в миллиметры бумаги.

Изображение: Viktor [VAN] Teplov / Figma

Product Design Portfolio Presentation Template — шаблоны для презентации вашего проекта. Автор подготовил несколько наборов со слайдами, которые помогут представить дизайн интерфейса или фирменного стиля.

Изображение: Furquan Ahmad / Figma

Landing Page Design Builder Kit — удобный конструктор, который поможет быстро собрать простой лендинг из шаблонных модулей. Эти шаблоны будут полезны, если клиенту вдруг захочется запустить продукт как можно раньше.

Изображение: konolee / Figma

Самоучитель по Figma

Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.

Учись бесплатно:
вебинары по программированию, маркетингу и дизайну.

Участвовать

Курс

Figma с нуля до PRO

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

Узнать про курс
Обучение: Figma с нуля до PRO Узнать больше
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована