Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Figma tutorial: Use video in prototypes

Автор: Figma

Загружено: 2022-10-24

Просмотров: 115947

Описание:

Figma is free to use. Sign up here: https://bit.ly/3msp0OV

To follow along, check out the Figma community resource file: https://www.figma.com/community/file/...

Video gives us the ability to enrich any user experience, making prototyping with real media crucial. In this tutorial, we’ll go over the basics of how video work in Figma, and use them in both simple and complex designs. For more information, check out our Help Center article here: https://help.figma.com/hc/en-us/artic...

For more inspirations, check out the community playground file here: https://bit.ly/3gvSair

Learn more about:
Interactive components:    • Figma tutorial: Interactive components  
Smart animate:    • Figma Tutorial: Smart Animate and Drag Tri...  

00:00 Intro
00:48 Basic example
01:10 Import and resize video
02:00 Add video interactions
02:45 Advanced example
03:55 Use video with interactive component 1 (video thumbnail preview)
06:00 Use video with interactive component 2 (video player control)
07:48 Use video with smart animate
09:11 Outro

____________________________________________________

Find us on ⬇️
Twitter:   / figma  
Instagram:   / figma  
LinkedIn:   / figma  

____________________________________________________

Music credit:
Floating by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: https://bit.ly/floating-smith-the-mister Music promoted by Audio Library    • Floating – Smith The Mister (No Copyright ...  

Video credit:
Video by Nadezhda Moryak: https://www.pexels.com/video/panning-...
Video by Ruvim Miksanskiy: https://www.pexels.com/video/seal-on-...
Video by Magda Ehlers: https://www.pexels.com/video/an-otter...

#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #video

Figma tutorial: Use video in prototypes

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#7030 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "1odqpkfkDL8" ["related_video_title"]=> string(65) "A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(5) "Figma" } [1]=> object(stdClass)#7003 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "LSxYlndSkIw" ["related_video_title"]=> string(119) "Figma для инфографики карточек товаров - полный курс для начинающих" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(29) "Контент продаёт" } [2]=> object(stdClass)#7028 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "wA1bWFPy77E" ["related_video_title"]=> string(162) "Революция в дизайне UI/UX-прототипов! Приложение без разработчиков с MCP-сервером за два дня" ["posted_time"]=> string(25) "3 недели назад" ["channelName"]=> string(10) "DAVV Shved" } [3]=> object(stdClass)#7035 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Wt6V_23TDow" ["related_video_title"]=> string(107) "Figma с нуля #1 - Начало работы | Аккаунт, интерфейс и настройки" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(8) "Photofox" } [4]=> object(stdClass)#7014 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "1ONxxlJnvdM" ["related_video_title"]=> string(34) "Figma tutorial: Intro to variables" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(5) "Figma" } [5]=> object(stdClass)#7032 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "QxstLdREVYY" ["related_video_title"]=> string(85) "FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]" ["posted_time"]=> string(27) "9 месяцев назад" ["channelName"]=> string(27) "Роман Одуванов" } [6]=> object(stdClass)#7027 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "juKxZL6Rcfo" ["related_video_title"]=> string(74) "How To Create a TOOLTIP (Hover to Show Text) Component in Figma (Tutorial)" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(11) "Mavi Design" } [7]=> object(stdClass)#7037 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "54JZUXQ_NXY" ["related_video_title"]=> string(53) "Иран - Израиль. Конец планете?" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(27) "Анатолий Шарий" } [8]=> object(stdClass)#7013 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "7Z85mPcb770" ["related_video_title"]=> string(98) "Острый дефицит бронетехники в армии РФ. Руслан Левиев" ["posted_time"]=> string(21) "4 часа назад" ["channelName"]=> string(18) "The Breakfast Show" } [9]=> object(stdClass)#7031 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "YLo6g58vUm0" ["related_video_title"]=> string(69) "Welcome to design systems - Lesson 1 : Introduction to design systems" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(5) "Figma" } }
A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma

A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma

Figma для инфографики карточек товаров - полный курс для начинающих

Figma для инфографики карточек товаров - полный курс для начинающих

Революция в дизайне UI/UX-прототипов! Приложение без разработчиков с MCP-сервером за два дня

Революция в дизайне UI/UX-прототипов! Приложение без разработчиков с MCP-сервером за два дня

Figma с нуля #1 - Начало работы | Аккаунт, интерфейс и настройки

Figma с нуля #1 - Начало работы | Аккаунт, интерфейс и настройки

Figma tutorial: Intro to variables

Figma tutorial: Intro to variables

FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]

FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]

How To Create a TOOLTIP (Hover to Show Text) Component in Figma (Tutorial)

How To Create a TOOLTIP (Hover to Show Text) Component in Figma (Tutorial)

Иран - Израиль. Конец планете?

Иран - Израиль. Конец планете?

Острый дефицит бронетехники в армии РФ. Руслан Левиев

Острый дефицит бронетехники в армии РФ. Руслан Левиев

Welcome to design systems - Lesson 1 : Introduction to design systems

Welcome to design systems - Lesson 1 : Introduction to design systems

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]