Part 2: Build TicTacToe Game in Figma | Advanced Prototyping In-depth Tutorial

[@jebinraj1999]

Brother i need a auto layout tutorial like responsive

[@DesignXstream]

Will make one on the new auto layout features!👍🏽

[@maheshbiruduganti1718]

Hi, need animation code to rotate an object in diagnol , in react

[@DesignXstream]

I'm not an expert in react. We only do videos on Design on tools like Figma 😉

[@taiwotalodabioluwa8270]

Can you make a beginner aspect of this? It seems really complicated 😩😩😩 I have watched and watched and still didn't get it

[@DesignXstream]

Try going through previous videos it could help you catchup on some concepts. It is difficult to cover everything in one video!

[@TheJaimexxd]

Quick question, what happens when theresis a draw, u havent covered that scenario, and I cant tink of a way to solve this scenario, any help would be welcome

[@DesignXstream]

For the draw scenario you just have to check if c1 != "c1" and c2 != "c2" and so on... so what this does is it will check if all the cells are filled. If all cells get filled and there is no winner it means it is a draw. check this screenshot: ibb.co/2YXrv3g

[@doddyrizkydarmawan9443]

how to create draw in this prototype?

[@DesignXstream]

For the draw scenario you just have to check if c1 != "c1" and c2 != "c2" and so on... so what this does is it will check if all the cells are filled. If all cells get filled and there is no winner it means it is a draw. check this screenshot: ibb.co/2YXrv3g

[@kritipaudel8454]

HI , DID YOU BY CHANCE MISS THE INTERACTION/ PROTOTYPE WITHIN THE VARIABLES C1-C9 WITH X AND O ? WHILE THEY WERE KEPT IN COMPONENT SET

[@DesignXstream]

Sorry, I did not get you! Are you referring to the community file? IS some interaction missing in it?

[@kritipaudel8454]

@@DesignXstream I am referring to the CELL we created for c1-c9 and x and o. Doesn't "the CELL component" have to have interaction with X and O? Because i am not getting X or O while clicking on the anything from C1-C9 PS, i did the part 2 thing u have done isn't it becz we have no interaction with X and O. i think u missed the component prototyping part. i am not sure though.

[@DesignXstream]

​@@kritipaudel8454 I think I got your query, So if you check Part 1 of this video at around 6:40 I've assigned each cell a variable. Also showed an example there how the cell is filled with X or O based on the variable value changing. Hope this answers your query!