📌Links Join the community here 👉 bit.ly/DX-Community Download the freebie here 👉 designxstream.gumroad.com/l/DX-Interactive-UI-Kit

I am a full time backend engineer for 20 years. I use Figma (once a year) for drawing some basic UI instead of simple paint app/ppt. So I don't have need to subscribe to UX channels. However after viewing the video and the way it has no-nonsense talk, made me to subscribe. Thank you.

@DesignXstream

8 ай бұрын

That means a lot to me! Glad you liked buddy! Cheers ✌🏼 :)

Thank you so much!! Out all videos I watched, you are the best and easy to follow!! Keep it up!

@DesignXstream

2 ай бұрын

Glad you found it informative! Cheers! ✌🏼

Thank you for this video! Its really easy to follow, it saves me so much time! ❤

@DesignXstream

7 ай бұрын

Glad to hear that! Cheers Nicca ✌🏼

step-by-step description is excellent! I'm a new follower.

@DesignXstream

2 ай бұрын

Glad you like it! Cheers! ✌🏼

After watching this video and interactive button i just had to subscribe because everything is soooooo clear✨✨ thank you so much ♥️☺️

@DesignXstream

Жыл бұрын

That means a lot! Glad you are here ✌🏼 :)

Easy and simple. What a channel!

@DesignXstream

21 күн бұрын

Glad you like it! Cheers ✌️

Really helpful video. Thanks!

@DesignXstream

7 ай бұрын

Glad it was helpful! Cheers! ✌🏼

But then how do you change the input label in the prototype?

Great video, great explanation, great guy 👍

@DesignXstream

9 ай бұрын

Thanks buddy! I'm glad you liked it ✌🏼

Very helpful, thanks! Subscribed!

@DesignXstream

2 ай бұрын

Glad you found it helpful! Cheers! ✌🏼

great! love the loop idea. personally i am not a fan of sitting for 10 minutes when it could be explained in under one. but your video was concise and informative. thank you. good luck to your channel.

@DesignXstream

3 ай бұрын

Glad you found it informative! Cheers ✌🏼

Just subscribed, your videos are top notch brother!.

@DesignXstream

3 ай бұрын

Thanks buddy... Cheers! ✌🏼

Wonderful thanks!

@DesignXstream

7 ай бұрын

Cheers! ✌🏼

Huge thanks!

@DesignXstream

8 ай бұрын

Hey Lydia, I'm glad you liked it! Cheers ✌🏼 :)

يسعد امك اخيرا شرح 🙏🏼🤍

@DesignXstream

Ай бұрын

Glad you like it! Cheers ✌🏼

Good day to you, I'm new to UX and I will like to confirm the keyboard for the input fields Will be designed by me or its automatically generated during the app development. Thank you

@DesignXstream

Жыл бұрын

Hey Abayomi, You can ignore keyboard for input fields that will be taken care in app development.

can you please link the video where you have designed the interactive input filed with keyboard ? need that

@DesignXstream

8 ай бұрын

There are 2 versions: kzread.info/dash/bejne/ZX-n2NquqZfge84.html kzread.info/dash/bejne/dXqDq6aJe6iXkto.html

I have a question, though. I wanted my layout to not keep growing and shrinking with the change from default to error states. Any ideas on how to address this issue since the project is mobile-focused, and vertical alignment and experience are of utmost importance?

@DesignXstream

7 ай бұрын

Maybe some issue with setting the right constraints. If you use auto layout and constraints correctly, your layout will not grow or shrink while changing variants.

Thank you this was so helpful! I'm having issues when prototyping though. I changed the input values and everything seems to work until I get to filled state. The text will not change and stays as the original text "Input value" like in the component. Please help :(

@DesignXstream

Ай бұрын

Did you add the text in filled state while you included it on the screen?

Thank you, this was the best video on this!

@DesignXstream

7 ай бұрын

Glad you think so! :)

Im trying to look for the video about the advanced interaction where i can type in the box, please help.

@DesignXstream

10 ай бұрын

There is no way to capture users input. But here is a work around method just for input: kzread.info/dash/bejne/ZX-n2NquqZfge84.html

Ok, when you created the auto layout for the Enter Input box, my text is following with the length of the box. It stays in the center of the box, it doesn't stay in place.

@DesignXstream

7 ай бұрын

You need to set the constraint to left.

💯💯💯

great video brother

@DesignXstream

2 ай бұрын

Glad you found it helpful! Cheers ✌🏼

How do I rename the "Input Value" to the different texts for my fields? for some reason I can only enter one thing that is used across all entered fields. Thanks

@DesignXstream

3 ай бұрын

You just have to change the entered value for each input field and it will show different texts.

nice video! btw is this also work for search bar ?

@DesignXstream

11 ай бұрын

Not appropriate for search you will have to modify it.

Can you make a video about entering text in the input in prototyping?

@DesignXstream

7 ай бұрын

There is an old video I made on this: kzread.info/dash/bejne/ZX-n2NquqZfge84.html However, I wouldn't recommend Figma for such advanced prototyping that invovles typing.

Awesome

@DesignXstream

Ай бұрын

Cheers ✌️

i'm having difficulty finding the 'filled' interaction. can you guide me through?

@DesignXstream

3 ай бұрын

Where exactly you lost the flow?

Can you please explain how to add pipe symbol

@DesignXstream

9 ай бұрын

Hey Usha the pipe symbol is just a key on the keyboard above your Right shift key!

Good tutorial, wanted to send my students to. Its great figma stuff... only thing is that in Axure, this takes 15 seconds.. in Figma 15 minutes...

@DesignXstream

3 ай бұрын

True that! Figma is not good at this detailed level of prototyping yet... hopefully they come up with these features.

Buen video

@DesignXstream

7 ай бұрын

Thank you ✌🏼

what is pipe symbol and how to use it bro

@DesignXstream

Жыл бұрын

It is just a symbol that you have along with the front slash key on your keyboard!

what mic ur using bro

@DesignXstream

Жыл бұрын

Hey, I'm using a FIFINE T669 Condenser!

Awesome tutorial but the interaction isn't extended to the error variant.

@DesignXstream

11 ай бұрын

Yes, this video was mainly focused on the how to give the variant properties and all. I've 1 other video which covers the error variant and animations related to it.

@sabinusohiagu3705

11 ай бұрын

@@DesignXstream ok thank you. I would like to watch the video

@DesignXstream

11 ай бұрын

@@sabinusohiagu3705 kzread.info/dash/bejne/ZX-n2NquqZfge84.html kzread.info/dash/bejne/dXqDq6aJe6iXkto.html These 2 video can be helpful.

I was like "Oh such a good video!" and I did everything only to get to the end and he tell me it isnt functional 🙃

@DesignXstream

7 ай бұрын

Sorry to disappoint you! Probably need to add a disclaimer that Figma is just a design tool 😅

How can I ask doubt personally I have one doubt

@DesignXstream

9 ай бұрын

You can dm me at Instagram @designxstream

For anyone that needs the pipe symbol --> |

@DesignXstream

9 ай бұрын

Awesome! I think this was much needed :D Pinning this comment! ✌🏼

портфіль!

If you don't know anything at all, start at 1:15. If you know how to create assets 2:35

@DesignXstream

7 ай бұрын

Thats definitely gonna help many! 😁👍🏽

I can nor bare listening to this guy.

@DesignXstream

6 ай бұрын

Same here and so I left the video immediately!

But then how do you change the input label text in the prototype? It has to be specific to the what the input type is.

@DesignXstream

3 ай бұрын

Yes, you can duplicate the component and change the value of the input text so that it reflects that text in filled state.