Наверх

База знаний Уроки и туториалы Уроки по Figma

Уроки и туториалы

Уроки по Figma

Учим Figma на примере интересных и полезных уроков

Сначала новые

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

В этом уроке мы пошагово разберём, как сделать анимацию навигационной панели для мобильного интерфейса в Figma.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

Анимация капелек в Figma

В этом уроке мы научимся создавать интересную анимацию капелек, использую режимы наложения в Figma.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

Делаем интересную hover анимацию в Figma

Для создания интересной ховер анимации нам понадобятся фотографии, которые будут появляться на фоне.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

Для создания диагонального слайдера нам понадобятся изображения, которые будут использоваться в качестве элементов слайдера. Бесплатные изображения можно найти на Unsplash или Pexeles.

Анимация

Фигма

06.02.2024

Анимация

Фигма

06.02.2024

Создаём куб в Figma и анимируем его

Для создания куба с текстурой нам понадобиться плагин Easometric и изображение, которое мы будем накладывать на куб. Давайте поэтапно разберём, как создать куб со своим изображением и анимировать его.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

Для создания анимации списка при ховере, мы будем использовать Auto layout. В этом уроке мы поэтапно рассмотрим работу с ним.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

Для создания вертикального слайдера нам понадобятся изображения, которые можно найти на Unsplash или Pexeles. Для того, чтобы убрать у них фон, можно воспользоваться плагинами или убрать фон в Photoshop.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

Создаём hover анимацию в Figma

В этом уроке мы научимся создавать крутую ховер анимацию для карточек. Нам понадобятся изображения и базовые навыки работы с Auto layout. Давайте поэтапно разберём, как создать такую анимацию.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

Для создания анимации слайдера, нам понадобятся изображения без фона, который будут сменять друг друга.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

Для создания анимации смены фотографий, нам понадобятся красочные изображения, их можно найти на бесплатных стоках, например Pexeles или Unsplash. Так же можно воспользоваться плагином Unsplash прямо в Figma.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

Анимация параллакс эффекта в Figma

Для создания эффекта параллакс, нам понадобиться изображение, части которого находяться на разном расстоянии от камеры, чтобы у изображения была глубина и эффект параллакса был более красочным.

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024