Как сделать объёмные фигуры в Figma

Для создания объёмных фигур в Фигма, нам понадобиться плагин Blend. В этом уроке мы научимся с ним работать.

3D
Figma
Frame-852.png

Шаг 1

Создаём круг с градиентом #FFF701 – #FFB801.

Шаг 2

Рисуем кривую.

Шаг 3

Запускаем плагин Blend.

Шаг 4

Настраиваем параметры.

Шаг 5

Теперь добавляем тень под нашу 3D фигуру:

  • Drop shadow
  • X – 0
  • Y – 20
  • Blur – 40
  • Opacity – 10%.

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

Навигация:

Больше полезностей:

Frame-114.png

Как создать анимацию вертикального слайдера в Figma

Слайдер — это настоящая находка для интерфейсов, где нужно компактно представить информацию. Но если с горизонтальным мы встречаемся очень часто, то как работать с вертикальным слайдером?
Figma
Анимация
Frame-118.png

Как сделать диагональный слайдер в Figma

Вертикальный и горизонтальный слайдеры кажутся для вас чем-то простым и понятным? Что ж, тогда пришло время создания диагонального слайдера в Figma.
Анимация
Фигма
MacBook-Pro-16_-44.png

Как сделать анимацию смены фотографий в Figma

Признавайтесь, часто ли вы задумывались, как сделать интересную анимацию смены фотографий в Figma? Думаю, что да. Но если раньше это вызывало лишь вопросы и догадки, то сегодня мы их закроем в этом туториале.
Figma
Анимация
Frame-124.png

Как сделать анимацию слайдера в Figma

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

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy