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

Уроки по Figma

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

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

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

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

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

06.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

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

05.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024

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

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

Figma

Анимация

05.02.2024