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

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

Уроки по Figma

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

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

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

Думаете списки бывают только статические? Наверное, вы просто не анимировали их в Figma. Давайте создадим такой в этом туториале.

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

06.02.2024

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

Как сделать эффект фонарика в Figma

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

Figma

Эффект фонарика

05.02.2024

Figma

Эффект фонарика

05.02.2024

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

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

Делаем интерактивный слайдер в Figma

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

Делаем крутую анимацию карточек в Figma

Для создания интересной анимации карточек нам понадобятся изображения без фона (в нашем случае – это мячики).

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

Анимируем переключение карточек в Figma

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

Figma

Анимация

05.02.2024