{"id":13,"date":"2025-07-04T23:21:23","date_gmt":"2025-07-04T23:21:23","guid":{"rendered":"https:\/\/sites.create.ou.edu\/studentblogtemplate1\/?p=13"},"modified":"2025-07-04T23:21:23","modified_gmt":"2025-07-04T23:21:23","slug":"week-02-03-learning-figma","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/des3633\/2025\/07\/04\/week-02-03-learning-figma\/","title":{"rendered":"Week 02-03: Figma Intermediate"},"content":{"rendered":"\n<pre class=\"wp-block-verse has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background\">Sep 1 Labor Day No Class<\/pre>\n\n\n\n<p>You will learn more Figma skills and set up your portfolio site while continue working on the web\/app design project.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sooners-my.sharepoint.com\/:p:\/g\/personal\/raju_ou_edu\/EZ0_tp3y8XBLhU2SM9wvnuIBP0k59_kcOXZSNkCR04_SZQ?e=gR0Yy3\" target=\"_blank\" rel=\"noreferrer noopener\">Click to Access the lecture slides<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.figma.com\/design\/yM1c5b8K3QVFDIvAY6CrsA\/Soptify?node-id=0-1&amp;t=k6OMG6Gko83gc8iC-1\" target=\"_blank\" rel=\"noreferrer noopener\">Link to the Spotify app Figma design file <\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Topics<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/4403928368535-Styles\" target=\"_blank\" rel=\"noreferrer noopener\">Local Styles<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/13165750874519-Use-auto-layout\" target=\"_blank\" rel=\"noreferrer noopener\">Auto Layout<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/4403935997847-Components\" target=\"_blank\" rel=\"noreferrer noopener\">Components<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/5579474826519-Explore-component-properties\" target=\"_blank\" rel=\"noreferrer noopener\">Component Properties<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/4403935997847-Components\" target=\"_blank\" rel=\"noreferrer noopener\">Component Variants<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/14506605769879-Variables\" target=\"_blank\" rel=\"noreferrer noopener\">Variables<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/360006534454-Create-prototypes\" target=\"_blank\" rel=\"noreferrer noopener\">Prototype<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360039818874-Smart-animate-layers-between-frames\" target=\"_blank\" rel=\"noreferrer noopener\">Smart Animate<\/a> (Scale, Position, Opacity, Rotation, Fill)<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-cover round has-black-color has-text-color has-link-color has-small-font-size wp-elements-d36d7a8d6d6d5148e8ba91174814aa00\" style=\"min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading has-normal-font-size\"><a href=\"https:\/\/canvas.ou.edu\/courses\/415482\/assignments\/3243101\" target=\"_blank\" rel=\"noreferrer noopener\">Extra Credit Assignment<\/a><\/h2>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Helpful Links<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Design System in Figma: <a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/23536356509975-Build-design-systems\">https:\/\/help.figma.com\/hc\/en-us\/sections\/23536356509975-Build-design-systems<\/a><\/li>\n\n\n\n<li>Design System in Figma Course: <a href=\"https:\/\/help.figma.com\/hc\/en-us\/sections\/14548397990423-Introduction-to-design-systems\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/help.figma.com\/hc\/en-us\/sections\/14548397990423-Introduction-to-design-systems<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Part 1: Learning Figma Components &amp; Auto Layout | Instagram App Design Tutorial\" width=\"560\" height=\"420\" src=\"https:\/\/www.youtube.com\/embed\/juGsVPlgMJs?list=PLv3Jx2LapDOulLcenPYxpiOc21AuSGqiV\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Atomic Design Principles for Designers: Full Guide\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/jZX74XDQPDU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Sep 1 Labor Day No Class You will learn more Figma skills and set up your portfolio site while continue working on the web\/app design project. Topics Helpful Links<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-schedule","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":0,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}