{"id":331,"date":"2024-01-30T12:04:27","date_gmt":"2024-01-30T12:04:27","guid":{"rendered":"https:\/\/valerie.ulik.cz\/?p=331"},"modified":"2025-03-28T14:17:44","modified_gmt":"2025-03-28T14:17:44","slug":"week-9-of-moocs-figma-ui-ux-design-essentials","status":"publish","type":"post","link":"https:\/\/valerie.ulik.cz\/?p=331","title":{"rendered":"WEEK 9 OF MOOCS \u2013 FIGMA UI UX DESIGN ESSENTIALS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The course focused on Figma UI, and UX design is very well organized. As I wrote in the previous entry, Daniel Scott prepared a whole file with tools useful for learning and understandable document with projects connected to the skills we are learning. The tasks are building on each other, and we are creating a mobile website for our imaginary products. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-c7ebd8d6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"670\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.29.png\" alt=\"\" class=\"wp-image-332\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.29.png 802w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.29-300x251.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.29-768x642.png 768w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"704\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.41.png\" alt=\"\" class=\"wp-image-333\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.41.png 798w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.41-300x265.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.41-768x678.png 768w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"480\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.54.png\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.54.png 790w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.54-300x182.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-12.49.54-768x467.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"738\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.27.png\" alt=\"\" class=\"wp-image-336 size-full\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.27.png 980w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.27-300x226.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.27-768x578.png 768w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">I felt a significant change in this week&#8217;s lessons. We moved from &#8220;how to create stuff&#8221; to &#8220;how to create a system for our design.&#8221; We learned about components and their variants. I would explain it like a &#8220;sticker&#8221;: We created a design and added it to components that helped us replicate the &#8220;sticker&#8221; on different frames. The best thing is that if I edit the original component, it is automatically edited in their copies as well.  <\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">These lessons were more overwhelming than the previous ones because you start to feel like a complex designer, and you feel the pressure to create a functioning system and not just design that works well one time. we also prototyped the pages and created a flow connecting them between each other. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42-1024x485.png\" alt=\"\" class=\"wp-image-335\" srcset=\"https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42-1024x485.png 1024w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42-300x142.png 300w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42-768x364.png 768w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42-1536x727.png 1536w, https:\/\/valerie.ulik.cz\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-30-at-13.01.42.png 1736w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The course focused on Figma UI, and UX design is very well organized. As I wrote in the previous entry, Daniel Scott prepared a whole file with tools useful for learning and understandable document with projects connected to the skills we are learning. The tasks are building on each other, and we are creating a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":335,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[4,23],"class_list":["post-331","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studies","tag-studies","tag-ux-design"],"_links":{"self":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=331"}],"version-history":[{"count":1,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/331\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/posts\/331\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=\/wp\/v2\/media\/335"}],"wp:attachment":[{"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/valerie.ulik.cz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}