Editing Figma Tutorials (section)

== Introduction to the Workspace ==
'''Creating a Frame.''' choose your own phone size for the prototype. <br>
Each frame wil be one visualisation state of your app. For another state, you will design another frame.<br>
You will be able to check your prototype on your phone with the Figma mobile app.<br>

[[File:FigmaFrame.png|700px]]<br>

'''Selection's Options.''' Each time you select an element in Figma, you will have its editing options on the right side of the screen.<br>

[[File:FigmaCircleOptions.png|700px]]
[[File:FigmaTextOptions.png|700px]]<br>

'''Add Interactivity.''' First, switch from "design" to "prototype" on the top right.<br>
[[File:PrototypeToggle.png|400px]]<br>
Then, select the ''action'' that will ''trigger'' the change (swipe/ hover/ click etc.).<br>
[[File:Action.png|400px]]
[[File:ActionOptions.png|400px]]<br><br>
Select the desired ''interaction'' (navigate to, open overlay etc.) and its way op appearing (delay, fade-in etc.).<br>
[[File:InteractionOption.png|400px]]<br>