From 1a897e9cb9662aef89ee6b668d0aa1bf070b2dbd Mon Sep 17 00:00:00 2001 From: yumnarefai Date: Sun, 17 Mar 2024 10:43:59 -0400 Subject: [PATCH] added the demo videos showcasing how to design a high fidelity app and link pages across the application. Branched off to avoid merge conflicts --- Topics/User_Experience/figma_example_pt2.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Topics/User_Experience/figma_example_pt2.md b/Topics/User_Experience/figma_example_pt2.md index 5d6b30cb0..87dbf9d8e 100644 --- a/Topics/User_Experience/figma_example_pt2.md +++ b/Topics/User_Experience/figma_example_pt2.md @@ -140,6 +140,20 @@ This the completed figma prototype according to the client's instructions. ![image](figma_tutorial_image/completed.png) +## **Demo to illustrate the functionalities in real time** + +The first demo portrays how to use Figma to create the AI Recipe Generator page of the application from scratch. + +Demo 1: +[![Demo 1 Video Thumbnail](https://img.youtube.com/vi/9lKGtSVN7HY/maxresdefault.jpg)](https://www.youtube.com/watch?v=9lKGtSVN7HY) + + +Th next demo portrays how to use Figma to link between pages through the use of buttons. You can navigate to many pages from your current page, thus synthesizing the visual aspect of how the app should work at a high level. + +Demo 2: +[![Demo 2 Video Thumbnail](https://img.youtube.com/vi/Ds0aJOuNZag/maxresdefault.jpg)](https://www.youtube.com/watch?v=Ds0aJOuNZag) + + ## **Additional Resources** Link to our figma page: https://www.figma.com/file/wUPbKaitPezq9d3KKTFwuv/301-A2?type=design&node-id=3%3A6&mode=design&t=Hgssi13xrSmifAEH-1