Figma: Designing and Prototyping an Interactive Extended Search Bar in Figma (2023)

preview_player
Показать описание
-- Today, we're going to Design and Prototype a Practical Extended Search input in Figma.

Timeline
0:00 - Introduction
0:40 - Design the Extended Search Bar
2:12 - Creating the Component
3:35 - Prototyping
4:55 - Conclusion

#figma #extendedsearchbar #uiux
  1. Design With Farhana
  2. Tag figma
  3. web and mobile app design
  4. interactions
  5. animations
  6. how to create
Рекомендации по теме
Figma UX tutorial 0:11:42

Figma UX tutorial for beginners - Prototype

The CORRECT (and 0:05:00

The CORRECT (and lazy) way to prototype | Figma Tutorial

Figma Tutorial - 0:36:35

Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.

world's shortest Figma 0:06:54

world's shortest Figma course

Figma for Edu: 1:03:19

Figma for Edu: Prototyping 101, new basics

Interactive prototype in 0:01:01

Interactive prototype in #Figma using just one frame 📱

Figma Tutorial for 1:13:17

Figma Tutorial for Beginners

Clean up your 0:00:23

Clean up your #figma file with advanced prototyping #trailer #shorts #design #prototype

Auto Layout Figma 0:00:52

Auto Layout Figma For Beginners (Correct Method)

Horizontal and Vertical 0:04:25

Horizontal and Vertical Scroll in Figma - Quick Prototyping Tutorial

Figma | Testing 0:00:21

Figma | Testing Prototype with Figma Mirror | #figma #uidesign

Designing And Prototyping 1:02:24

Designing And Prototyping With Figma

Master Prototyping in 1:58:08

Master Prototyping in Figma with this full grocery app Figma prototype tutorial (Plus Design file)

Design and Prototype 0:39:34

Design and Prototype a Delivery App for iOS in Figma

Learn how to 0:12:18

Learn how to use Figma prototypes correctly!

Introducing Figma: A 0:31:38

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

Figma UI Design 0:24:23

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

Master Figma UI 0:15:28

Master Figma UI Design in 15 Minutes | This Tutorial Is For You!

Search bar prototype 0:01:00

Search bar prototype in Figma

Create an action 0:01:00

Create an action menu with smart animate in Figma

Figma Tutorial: Prototyping 0:03:58

Figma Tutorial: Prototyping (older version)

Figma tutorial for 0:43:21

Figma tutorial for Beginners: Complete Website from Start to Finish

Figma Animation* How 0:00:59

Figma Animation* How to create a splash screen animation in #figma for your web or app designs

#Figma Plugin that 0:00:34

#Figma Plugin that convert your prototypes into #code 🛠️

Комментарии
Автор

Thank you for this, You should do more tutorial for figma's different variants

dennisantonio