Create a working keyboard prototype in Figma using variables #figmadesign #figmatutorial #figma

[TDSunshine]

🚨 Figma won’t allow empty variables anymore so you can just add a single space instead ☀️

[swarnali]

this is the easiest tutorial 🥰 thanks!

[pauljessee]

Wow! This is 100x easier than other tutorials. Thanks! Is backspace possible?

[sakthigokul-nbmz]

really god blesses you mam for past two days i was just dashing my head.... just one i saw urs and got to know how to do and thank you so

[kieronsykes]

Thanks! Building one of these from scratch has been a pain. Can't wait till you can create and publish the local variables to go with the component

[levonarmenian]

Hi.Did you get that keyboard from a Figma commercial file

[itsdatgoodgood]

I've created the interaction but when I "Play" the prototype, and select the key, nothing happens

[nikolettreiz]

Thanks for your video. It looks super simple, however, Figma doesn't let me leave the Value field blank. Do you have an idea why? I've done everything else the way you showed it but it doesn't work and I am assuming it is because I didn't leave the value field blank. Thanks

[td]

@TDSunshine Is there any freaking way to make the cursor jump and leave the empty space behind it, when you hit on space? Or am I getting frustrated for nothing?

[slendervexstain]

Does it only work in the paid version of Figma ?

[levonarmenian]

Soo easier than other tutorials. How do you input a blinking cursor to move to the right after each letter is typed ?

[brianbermudez]

Thank you! easy and fast. How would you enable the caps lock?

[CFFAddict]

Any success in getting the backspace to work correctly?

[fleur]

damn i need a professional acc even tho i have a educ acc