Build an interactive colouring book prototype in Figma

[@rcprasadyadav5767]

Excellent, educational, brilliant.keep it up.

[@justinedelrosario3846]

Do you have a tutorial ?

[@intannrzhrh]

hi, may i know what if we want ramdomly put any colors on it? do i have duplicate 6 colors for one part of body?

[@stefanomedda1076]

Nice, thanks

[@AkashYadavUX]

Thank you Stefano 😇

[@tycography]

Man, your channel is so underrated, please keep posting videos. New subscriber here.

[@AkashYadavUX]

Thank you so much Wayne 🤩🤩🤗🤗 Glad you liked the content.Will be posting more content soon :) Don't forget to join our discord server for more community discussions discord.gg/keZWAkB7U9

[@udayrajsathe]

This is a fantastic video Akash. Keep making videos :-)

[@AkashYadavUX]

Thank you so much Uday 🤗

[@junaidtariq4547]

awesome tutorial

[@AkashYadavUX]

thank you

[@jatinraj4974]

This video is sooo good! 🥰Sir make more videos related to micro interactions and prototype using figma

[@AkashYadavUX]

Hey Jatin, surely in upcoming videos 🤗

[@TAOFS]

I'm very new to Figma- so I didn't know how to create the layer folders and stuff but this was still a fun exercise! when i went to my prototype it dint allow me to drag my fill to the area, it played more like a slide show and was not interactive. I will keep practicing. i would love to see how you created the design from scratch.

[@AkashYadavUX]

Hey hey👋🏼 Will create more simple videos soon 🙂

[@ashishmishra238]

Good example of dragging through animation, however I am facing a problem here: When doing masking, it just removes the color of smaller fill circle (e.g : fill red stuff) but without masking it's intacted?

[@AkashYadavUX]

I am not able to how to resolve this, but you can check the source file here and see where are you creating the mistake kzbin.info/www/bejne/qKDOqpR8gLxrhLc 😇 let me know if it helps.

[@ashishmishra238]

@@AkashYadavUX thanks for sharing, but I'am unable to find sketch book designing file in this?, can you share link of that file only😊

[@AkashYadavUX]

Hi Ashish! Find this file : www.figma.com/community/file/932223204866138211/High-fiedlity-interactive-prototypes--Part-1 All the individual pages contain a different interaction, find the sketchbook one ☝️

[@zizizoi0709]

wow your soooooo cool perfect video to me !!!

[@lineh4034]

Can we have step-by-step from beginning? I was lost when you showed the colors.

[@AkashYadavUX]

Hey Line, I just clipped that part to reduce the length of the video, but I will make sure to keep all the steps in the upcoming video. Maybe you can understand a bit more from the Figma file here: www.figma.com/file/RmcpZNPhVyPWrviIfAEbKo/Sketchbook-app?node-id=0%3A1 Request for edit access in case you need it 🤗 In case things are still not clear, let me know via DM. My social links are in description :)

[@apurvanm]

How to open the prototype on mobile phone??

[@AkashYadavUX]

Hey! Download the Figma mirror app on your phone from playstore/ app store and you need to login with the same figma account. It will automatically mirror it on the phone and prototyping will work as well.

[@apurvanm]

Thanks🙏😊

[@kamalCode]

Sir, plz design e-commerce website figma templates

[@AkashYadavUX]

Hey Dev, Surely in upcoming videos :)

[@thatg7957]

Is this free to integrate to a website? Btw thank you so much for this tutorial!

[@AkashYadavUX]

didn't get you? What do you want to integrate? Thanks 🤗

[@thatg7957]

I wanted to create a site for fundraising where the donor can purchase the merch as a way to donate. So I was wondering if I could use this and integrate it to my site where the donor are able to choose their own preference of colour for the merch. Do you think I can do this and integrate it to my fundraising site?

[@AkashYadavUX]

yes yes! absolutely 🤗 Not sure how will you integrate but go ahead and use the way you feel like✌️ Source figma file is here: kzbin.info/www/bejne/ioS7qoyqadRjkMk

[@namratharm6699]

Amazing 🤩🤩

[@AkashYadavUX]

Thank you Namratha 😇