{"id":186,"date":"2023-10-16T17:12:19","date_gmt":"2023-10-16T17:12:19","guid":{"rendered":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/?p=186"},"modified":"2024-02-15T23:51:33","modified_gmt":"2024-02-15T23:51:33","slug":"figma","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/workshops\/figma\/","title":{"rendered":"Figma"},"content":{"rendered":"\n<p class=\"has-black-color has-text-color\">Today we were supposed to have the workshop in the Maclab, however the session had to get cancelled. Dave was able to put the resources onto Figma for us to work through building wireframes and high fidelity web page designs. <\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 22%\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-black-color has-text-color\">I took notes on the types of scaling in Figma and how it differs for different devices, layout grids and wire framing. In the resources of the workshop there was a website that can be used to help find what fonts websites use, which can help me for future projects: Fonts ninja<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"694\" height=\"828\" src=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.54.50.png\" alt=\"\" class=\"wp-image-234 size-full\" srcset=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.54.50.png 694w, https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.54.50-251x300.png 251w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">After taking notes on the I then followed the YouTube video that was linked and created my high fidelity web page design from the resources given in the file. Although the YouTube video was only 40 minutes, the person was going quite fast, given that I haven&#8217;t had the most practice in Figma. As a result, it then took me about 1 hour and 30 mins because I had to keep replaying bits of the video to make sure I didn&#8217;t miss any steps as well as trying to find where things were located and making sure everything was aligned. <\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">I had some small issues like when trying to copy text, scaling text, however this was really easy to solve and I was able to carry on as normal. I am very pleased with the outcome of this workshop and would consider it to be very successful as I didn&#8217;t have many issues and was able to create a high fidelity web page similar to the man&#8217;s in the YouTube video.  These are some screenshots of the final design I created in Figma:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"632\" height=\"490\" data-id=\"236\" src=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.58.36.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.58.36.png 632w, https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.58.36-300x233.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"632\" height=\"490\" data-id=\"235\" src=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.57.40.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.57.40.png 632w, https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-31-at-21.57.40-300x233.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Today we were supposed to have the workshop in the Maclab, however the session had to get cancelled. Dave was able to put the resources onto Figma for us to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/posts\/186"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/comments?post=186"}],"version-history":[{"count":3,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/posts\/186\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/posts\/186\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/media?parent=186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/categories?post=186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/saalihah-sajjad\/blog\/wp-json\/wp\/v2\/tags?post=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}