ProtoPie Tutorial | Prototype an SMS Code Validation Screen #AskProtoPie

✨😌 NEW audio setup 🎙✨Download the pie files used in this tutorial! 👉 Start: https://bit.ly/3q9vUgG 👉 Complete: https://bit.ly/3FeNlRk In this #AskProtoPie video, learn how to create a prototype using SMS code validation. First, we'll use a hidden input field to capture the actual text input, then simplify the process with using the left() and right() formulas instead of complicated focus in / focus out logic to move from one field to the next. We'll also use a detect on hidden input field so that when the 6th digit is entered, the code is validated, and either moves on to the next scene or shows an error if the incorrect code is entered. 0:00 Intro 01:15 Setting up the input field 02:24 Putting the 6-digit character limit using the length() function 05:55 Extracting the first character from the input & filling the display using the left() formula 09:49 Extracting digits 2 through 6 using a combination of the left() & right() functions 13:23 Validating the correct code using Send/Receive to separate logic 15:51 Improving UX after invalid code 18:50 Hiding the input field 19:01 Recap 📚 Start learning ProtoPie for free from A-Z: https://learn.protopie.io/ ────────────────────────── 👉 Try ProtoPie for free at https://bit.ly/3r5tLC2 ────────────────────────── Social Channels 👉 Facebook:   / protopie   👉 Twitter:   / protopieapp   👉 Instagram:   / protopie_official   👉 Dribbble: https://dribbble.com/protopie ────────────────────────── 👉 Join the ProtoPie community https://community.protopie.io/ 👉 Need help? Contact us: https://bit.ly/3sgc87e ────────────────────────── #ProtoPie #design #interactiondesign #hifi #prototyping