{"id":220,"date":"2023-11-02T13:59:28","date_gmt":"2023-11-02T13:59:28","guid":{"rendered":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/?p=220"},"modified":"2023-11-02T13:59:28","modified_gmt":"2023-11-02T13:59:28","slug":"figma-workshop-2","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/workshops\/figma-workshop-2\/","title":{"rendered":"Figma workshop 2"},"content":{"rendered":"\n

For this workshop we were introduced to some more advanced parts of figma and how to use them. We were taught about how to use components, variables and frames to get the results that we wanted. <\/p>\n\n\n\n

We were taught how to make these different experiences that we could put into our website. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Toggle <\/h2>\n\n\n\n

First we tried to make a toggle. Which included using different components and animations to get it to work properly. <\/p>\n\n\n\n

I really enjoyed this as it taught me new skills that I did not know how to do before and allowed me to further my designs with more detailed and useful experiences. However, I did really struggle with this because I would occasionally forget to do one thing and it would then throw the whole project and create and issue when trying to use it. Although, when we got everything working it was very rewarding. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Checkbox<\/h2>\n\n\n\n

We then also looked how to create a checkbox. I was very interested in designing this because I had used a version of a tick box in my redesign for Arran Active but it did not work very well. After I made these checkboxes I then added it to my redesign as I felt like it worked better than the prototype I had made before. <\/p>\n\n\n\n

After designing the toggle it was quite simple to create the checkbox as it used similar skills. I really enjoyed designing this as it was nice to be able to see it work and now I have designed it I know that I can use it in any future design. <\/p>\n","protected":false},"excerpt":{"rendered":"

For this workshop we were introduced to some more advanced parts of figma and how to use them. We were taught about how to use components, variables and frames to get the results that we wanted. We were taught how to make these different experiences that we could put into our website. Toggle First we […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/220"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/220\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}