banner-eventbanner-event
Nexfield Academy
  • Курсы
  • Бесплатно
    Курсы
    • Figmaстер ТОП Изучи Figma с нуля до уровня PRO Изучи Figma с нуля до PRO
    • Графический дизайн: старт в профессии Создай свою первую работу с ментором Создай свою первую работу
    • UX/UI дизайн: старт в профессии Первый шаг в профессии вместе 
с арт-директором Узнай основы профессии
    • Вход в IT: как выбрать онлайн профессию Начни свой путь в IT уже сегодня Начни свой путь в IT
    Инструменты
    • sub-menu-icon Иллюстрации Бесплатно для твоих проектов Бесплатно для твоих проектов
    • sub-menu-icon Туториалы Изучай Figma, Photoshop, Illustrator Изучай Figma, Photoshop, Illustrator
    • sub-menu-icon С чего мне начать? QUIZ Выбери подходящий путь в дизайне Выбери подходящий путь в дизайне
    • sub-menu-icon Воркшопы СКОРО Создавай дизайн вместе с нами Создавай дизайн вместе с нами
  • Для дизайнера
    Сервисы
    • Проверка контраста цветов Проверяй констраст двух цветов за несколько секунд Проверяй уровень контраста двух цветов Проверить контраст
    • Генератор брифов Сгенерируй бриф на реальный проект за несколько секунд Сгенерируй бриф на реальный проект Сгенерировать бриф
    Развитие
    • sub-menu-icon Статьи ТОП Более 200 публикаций на разные темы Более 200 публикаций на разные темы
    • sub-menu-icon Новости дизайна Актуальные новости из сферы Актуальные новости из сферы
    • sub-menu-icon Ресурсы Более 100 ресурсов для разных задач Более 100 ресурсов для разных задач
    • sub-menu-icon Вдохновение Лучшие дизайны из всемирной паутины Лучшие дизайны из всемирной паутины
  • Академия
    • sub-menu-icon Об академии Подробнее о нас Подробнее о нас
    • sub-menu-icon Контакты Свяжитесь с нами Свяжитесь с нами
    • sub-menu-icon Вакансии Ищем таланты в нашу команду Ищем таланты в нашу команду
  • Отзывы студентов
Войти
avatar
arrow-down-icon-black
Nexfield Academy
avatar
  • sub-personal-menu-icon Мои курсы ТОП
  • sub-personal-menu-icon Мои сертификаты
  • sub-personal-menu-icon Настройки профиля
  • sub-personal-menu-icon Выйти из кабинета
База знаний
  • Все публикации
  • Аналитика (UX)
    • Все разделы
    • Законы и правила UX
    • Практика UX
    • Эвристики usability
    • Исследование пользователей
  • Интерфейсы (UI)
    • Все разделы
    • Типографика
    • Тренды
    • Цвета
    • Полезные советы
    • Проектировка макетов
  • Карьера дизайнера
    • Все разделы
    • Карьера и развитие
    • Полезные ресурсы
  • Уроки и туториалы
    • Все разделы
    • Уроки по Figma
    • Уроки по Illustrator
    • Уроки по Photoshop
  • Про дизайн
    • Все разделы
    • Книги о дизайне
    • Фильмы о дизайне
    • Новости дизайна
    • История дизайна
home separatorБаза знанийУроки и туториалы Уроки по Figma

Уроки по Figma

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

Сначала новые
  • Сначала новые
  • Сначала популярные
Your browser does not support the video tag.

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

Слайдер — это настоящая находка для интерфейсов, где нужно компактно представить информацию. Но если с горизонтальным мы встречаемся очень часто, то как работать с вертикальным слайдером?
Figma
Анимация
06.04.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Вертикальный и горизонтальный слайдеры кажутся для вас чем-то простым и понятным? Что ж, тогда пришло время создания диагонального слайдера в Figma.
Анимация
Фигма
13.03.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Признавайтесь, часто ли вы задумывались, как сделать интересную анимацию смены фотографий в Figma? Думаю, что да. Но если раньше это вызывало лишь вопросы и догадки, то сегодня мы их закроем в этом туториале.
Figma
Анимация
09.03.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Каждый дизайнер знает, что анимация помогает пользователю не теряться в потоке информации и делает интерфейс более живым. Давайте сегодня добавим интерактивности в наш макет и создадим анимацию слайдера прямо в Figma?
Figma
Анимация
28.02.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Хотите добавить интересную деталь в свои проекты, но не знаете, с чего начать? Можете использовать изогнутый текст. Не волнуйтесь, в Figma его сделать проще, чем кажется!
Figma
Туториал
20.02.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

Как в Figma вырезать объект

Что может быть лучше, чем идеально вырезанный объект без лишних деталей? Только объект, который вы без труда смогли вырезать в Figma. А вот как, мы расскажем сегодня.
Figma
Анимация
05.02.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Хотите добавить в свой дизайн больше динамики и креативных деталей? Анимированный задний фон — это то, что вам нужно! Осталось научиться создавать его в Figma.
Figma
Анимация
28.01.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Часто ли вы ломали голову над тем, как сделать слайдер в Figma, который будет работать до бесконечности? Что ж, теперь о головной боли можно забыть, ведь после этого туториала слайдеры будут для вас на изи.
Figma
Анимация
23.01.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

Как в Figma сделать кликабельную кнопку

Каждый дизайнер знает, что кнопка — это важный элемент любого интерфейса. Она должна быть заметной, и главное — вести туда, куда нужно. Сделаем такую в Figma?
Figma
Анимация
14.01.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

Создаем эффект свечения и анимируем его в Figma

Светящиеся кнопки, сияющие иконки или фоны с элементами подсветки — всё это добавляет некой атмосферности и притягивает внимание пользователей. Но как создать его в Figma без лишних хлопот?
Figma
Анимация
06.01.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Сделать текст по кругу не так сложно, если знаешь пошаговый план и понимаешь финальный результат. Мы покажем как создать его быстро и добавить динамики в ваши проекты.
Figma
Анимация
01.01.2025
bookmark-icon bookmark-icon bookmark-icon
Your browser does not support the video tag.

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

Рваные края, текстуры страниц и тонкие линии складок — детали на которые мы часто обращаем внимание в интерфейсах, которые мастерски используют эффект бумаги. Но как создать его самому в Figma? Давайте разбираться!
Figma
Анимация
25.12.2024
bookmark-icon bookmark-icon bookmark-icon

Навигация по записям

1 2 … 5
На страницу:

Присоединяйся к сообществу дизайнеров, которые меняют мир!

Будь первым, кто получает новый контент от Nexfield Academy. Подписывайся на рассылку и применяй наш опыт и знания в своих проектах!

    icon
    Нажимая кнопку «Подписаться на рассылку», ты соглашаешься с  Политикой Конфиденциальности и  Правилами сайта .

    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

    exit-icon
    Сортировка
    • Сначала новые
    • Сначала популярные
    banner-footer Стать студентом Академии
    logo-site
    icon-contact
    info@nexfield.academy
    Связь через email
    icon-contact
    @nexfield_support
    Связь через Telegram
    Курсы и профессии
    Все курсы
    UX/UI дизайнер + AI
    Графический дизайнер + AI
    Веб-дизайнер + AI
    Дизайн-системы
    UX исследования
    Карьера дизайнера
    Бесплатное обучение
    Figmaстер
    Графический дизайн: старт в профессии
    UX/UI дизайн: старт в профессии
    Сервисы
    Проверка контраста цветов
    Генератор брифов
    Инструменты
    Иллюстрации
    Туториалы
    С чего мне начать?
    Развитие дизайнера
    Статьи
    Новости дизайна
    Ресурсы
    Вдохновение
    Академия
    Об академии
    Отзывы студентов
    Контакты
    Вакансии
    Личный кабинет
    Nexfield Academy, 2026 © Все права защищены
    Договор оферты
    Политика конфиденциальности
    Условия использования
    Информация о доступности
    Наверх
    Рады снова видеть тебя!
    Чтобы скачать бриф, войди в личный кабинет
    Ещё нет аккаунта?
    Зарегистрируйся
    icon
    icon
    icon icon
    Напомнить пароль
    Или Продолжить через:
    google-icon-social
    Google
    facebook-icon-social
    Facebook
    close_icon_white
    exit-icon
    Присоединяйся к сообществу комьюнити Nexfield
    Уже есть аккаунт?
    Войди в личный кабинет
    icon
    icon
    icon icon
    Или зарегистрироваться через:
    google-icon-social
    Google
    facebook-icon-social
    Facebook
    Продолжая, ты соглашаешься с Политикой Конфиденциальности и Условиями использования.
    image
    image
    А зачем мне вообще нужен личный кабинет?
    image
    Добавляй любую публикацию или ресурс в закладки и имей быстрый доступ к ним.
    image
    Вдохновляйся лучшими сайтами и создавай свою собственную библиотеку референсов.
    image
    Создавай тематические подборки публикаций или ресурсов.
    close_icon_white
    exit-icon
    Остался последний шаг, и ты — в комьюнити Nexfield
    Давай познакомимся! Расскажи нам немного о себе.
    icon
    icon
    Страна
    icon
    Популярные
    Украина
    Израиль
    Беларусь
    США
    Канада
    Польша
    По алфавиту
    icon
    information_icon_blue
    Телефон необходим для верификации ваших данных. Мы не «спамим» и не передаём данные третьим лицам!
    Я хочу первым получать полезный контент для дизайнеров на почту
    close_icon_white
    exit-icon
    Не помнишь пароль? Не беда!
    Введи свой email и ожидай письма. Мы всё восстановим!
    icon
    Отбой, я всё вспомнил
    exit-icon
    close_icon
    Подтверди свой email
    Мы отправили код подтверждения на указанную почту: Мы отправили его на почту:
    Подтвердить
    Ввести другой email
    Отправить код еще раз можно через:
    03:00
    icon notification
    Не забудь проверить папки СПАМ и «Промоакции»
    close_icon_white
    exit-icon
    check-icon
    Твое сообщение успешно отправлено

    Пока ты это читаешь, мы уже изучаем твоё письмо. 
Ответ последует совсем скоро!

    close_icon_white
    exit-icon
    Вернуться на сайт
    check-icon
    Пароль успешно изменен!
    Теперь ты сможешь войти в личный кабинет с помощью нового пароля
    close_icon_white
    exit-icon
    Вернуться в «Мой профиль»
    Редактировать дальше
    Все получилось!
    Ты успешно закрыл эту задачку!
    Перейти в личный кабинет
    close-icon

    Мы используем cookies

    Все окей, мы просто делаем твой опыт использования сайта лучше!

    Настроить