Loading video...

Video Failed to Load

Go Home

How I made the responsive keyboard typing in Figma

36,208 views • 1 year ago •via X (Twitter)

29 Comments

Ráz's profile picture
Ráz1 year ago

The work rate >> There needs to be an easier way to do this 🥲

Designer's profile picture
Designer1 year ago

Yes, there's another method where you can actually make use of string variables to achieve this. I might be making a video on it soon

Ráz's profile picture
Ráz1 year ago

Seated for the drop idolo

Mr UD | Product Engineer's profile picture
Mr UD | Product Engineer1 year ago

Well done mate. But creating a dynamic input field using string variables will save you a whole lot of stress.

Designer's profile picture
Designer1 year ago

@NwanneUd Yes, I actually prefer that method and would probably make a video on it soon.

CHANGEZ 🇳🇬's profile picture
CHANGEZ 🇳🇬1 year ago

Nice one but you can make use of variables to save time and reduce stress

Designer's profile picture
Designer1 year ago

Yes

IsdorerUI/UX's profile picture
IsdorerUI/UX1 year ago

Well done Chief But is there no plugins for interactive keyboard?

Designer's profile picture
Designer1 year ago

You can use variables to prototype the keyboard

Testimony | Product Designer's profile picture
Testimony | Product Designer1 year ago

I have been looking for this recorder. The sound and stuff, the zoom. How did you do it please?

Designer's profile picture
Designer1 year ago

Camtasia

UI/UX's profile picture
UI/UX1 year ago

Weldon bro

Designer's profile picture
Designer1 year ago

Thanks Chief

Mihai Marcu's profile picture
Mihai Marcu1 year ago

Try using variables and interactions to append the value of the text. Only 2 frames would be required.

Designer's profile picture
Designer1 year ago

Yes, that's another way. Might probably make a video on it soon

Jianna's Dad🥰's profile picture
Jianna's Dad🥰1 year ago

Nicely done

Designer's profile picture
Designer1 year ago

Thanks

Elizabeth (UIUX Designer)'s profile picture
Elizabeth (UIUX Designer)1 year ago

using conditionals for the keyboard saves time. still trying it out myself. though yet to get the delete and space to work with conditionals

Designer's profile picture
Designer1 year ago

Yes, I know I actually prefer using variables for it. I might be making a video on that also

Ebikwo | UX/UI Designer's profile picture
Ebikwo | UX/UI Designer1 year ago

You too bad. Which app you Dey use record and is it free..??

Designer's profile picture
Designer1 year ago

Thanks I use camtasia, but it's not free

Ebikwo | UX/UI Designer's profile picture
Ebikwo | UX/UI Designer1 year ago

You’re welcome Boss.

weak's profile picture
weak1 year ago

we can use variables for this right? its easier

Designer's profile picture
Designer1 year ago

Yes

Angel Batubo | Designer's profile picture
Angel Batubo | Designer1 year ago

Oh wow… That is a lot of work.

Designer's profile picture
Designer1 year ago

@AngelBatubo Another way to do it is by using string variables

Angel Batubo | Designer's profile picture
Angel Batubo | Designer1 year ago

Okay… Thank you.

Davvaani's profile picture
Davvaani1 year ago

You can use protopie for that very easy if you ask me.

UI & UX and Ai with Rejoice's profile picture
UI & UX and Ai with Rejoice1 year ago

You can use string variables for the keyboard that works well and gives you less screens

Related Videos