Как в Figma сделать
что угодно
Каталог эффектов в Figma, которые помогут сделать ваш проект интереснее.
#СПЕЦПРОЕКТ
Содержание
Градиенты и паттерны
Типографика
Фигуры и объём
Анимация для интерфейса
В Figma есть много визуальных инструментов, которые помогают дизайнерам быстро воплощать свои идеи и внедрять их в коммерческие проекты. При этом вам не обязательно знать все функции программы — достаточно освоить необходимую базу.
В наших инструкциях — эффекты, которые вы сможете использовать в любых ситуациях и любых проектах.
Градиенты и паттерны
Создаём декоративные фоны, эффекты и простые узоры — анимированные или статичные.
Универсальный эффект для фотографий и иллюстраций из пары текстур и эффектов наложения.
24 мар 2023
Фильтр для фото
30 дек 2022
Как из пары кружков и двух цветов создать новогоднее настроение.
Зимний паттерн
9 сен 2022
Как с помощью «шумной» текстуры освежить цвета в вашем макете.
«Шумный» градиент
17 мар 2023
Эффектный фон из градиента и интерактивных компонентов.
«Часы» из градиента
25 окт 2022
Неоновая лампа из пары слоёв с градиентами и падающей тени.
Подсветка из градиентов
«Светящийся» градиент
Анимированный паттерн
«Лавовый» градиент
Пересечение любых цветов
Другие инструкции:
18 ноя 2022
Быстро добиваемся смешения красок без эффектов наложения.
Пересечение любых цветов
Типографика
Вёрстка текста и заголовков с использованием простых эффектов, плагинов и возможностей прототипирования.
Как с помощью слой-маски быстро добиться интересной композиции.
21 окт 2022
Плашка с прозрачным текстом
7 апр 2023
Бегущая строка
Интересная анимация из текста и трёх вариативных компонентов.
Объёмный градиент для букв
23 сен 2022
Приём, который поможет быстро оформить дизайн постера или баннера.
Направленное размытие текста
2 дек 2022
Простой эффект на случай, если не хочется открывать Photoshop.
Подойдёт для загрузочного экрана приложения — вместо стандартного индикатора.
20 янв 2023
Анимированный контур букв
Фигуры и объём
Создаём объём с помощью теней, градиентов и плагинов.
Объём из теней, который можно использовать с любыми круглыми объектами.
7 окт 2022
Объёмная фигура из теней
Как с помощью плагина сделать любую геометрическую фигуру интереснее.
17 мар 2023
Бесконечный тоннель
25 окт 2022
Объёмный леденец
Как из простого контура сделать объёмную палочку с помощью пары сфер, теней и градиентов.
26 авг 2022
Фигура из градиентов
Простой способ сделать из квадрата объёмный параллелепипед.
3 ноя 2022
«Пушистый» контур
Делаем из обычного контура интересную иллюстрацию.
Пластиковая иконка
Эффект линзы
Другие инструкции:
«Пушистый» контур
Полезные эффекты для прототипирования — от утилитарных чекбоксов и переключателей до анимации фона и параллакса.
Анимация для интерфейса
9 дек 2022
Быстрая анимация из светлого градиента, которая поможет вам спрятать пасхалку на сайте или в приложении.
Анимированный фонарик
17 фев 2023
Как разнообразить анимацию меню для пользователя и при этом оставить интерфейс удобным.
«Жидкие» кнопки
3 фев 2023
Слайдер
Стандартная анимация бегунка с простой реализацией счётчика.
11 ноя 2022
Чекбокс
Добавляем микроанимацию для прототипа.
25 окт 2022
Переключатель
Готовим прототип переключателя для приложения или сайта.
Другие инструкции:
Снежный шар
Параллакс
Переключатель
Чекбокс
Это интересно Это интересно
«Я продала успешный бизнес и стала веб-дизайнером»: история Елены Павзовской
8 конкурсов для дизайнеров, чтобы отправить заявку на майских праздниках
«Если нет любви, не надо её из себя выламывать». Интервью с Дмитрием Голубом
Из империи к империи. История модного дома Louis Vuitton
Дизайн в деталях: градиент
Понравилась статья?
Да

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

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