{"id":42114,"date":"2023-10-16T08:26:24","date_gmt":"2023-10-16T12:26:24","guid":{"rendered":"https:\/\/inside.wooster.edu\/technology\/?p=42114"},"modified":"2023-10-26T15:11:47","modified_gmt":"2023-10-26T19:11:47","slug":"figma-for-beginners","status":"publish","type":"post","link":"https:\/\/inside.wooster.edu\/technology\/figma-for-beginners\/","title":{"rendered":"Figma for Beginners"},"content":{"rendered":"\n<p>If you haven&#8217;t already done so, you&#8217;ll want to navigate to and either register or login to your <a href=\"https:\/\/www.figma.com\/login\" data-type=\"link\" data-id=\"https:\/\/www.figma.com\/login\">Figma Account<\/a><\/p>\n\n\n\n<p>Explore the screen\u00a0 <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>show them what is on the screen (as a quick navigation guide)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Start with some basic tools <\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>Frames&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Grids&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Color picker and gradient&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Basic Prototyping&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Importing and editing images \u00a0<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li> import images<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>image editing options are also available\u00a0\u00a0<\/li>\n<\/ol>\n\n\n\n<p>Basic Intro to Components and Variants\u00a0<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>Define&nbsp; what components and variants are&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Walk them through how to create component and variant (with an example)&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Introduce them to figma environment\u00a0 <\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>Files and templates&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Plugins and widgets<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>If you haven&#8217;t already done so, you&#8217;ll want to navigate to and either register or login to your Figma Account Explore the screen\u00a0 Start with some basic tools Importing and editing images \u00a0 Basic Intro to Components and Variants\u00a0 Introduce them to figma environment\u00a0<\/p>\n","protected":false},"author":337,"featured_media":42107,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[77,18,483,50,66],"tags":[],"coauthors":[418],"class_list":["post-42114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-media","category-events","category-past-workshop","category-student-workshops","category-workshops"],"acf":[],"gutentor_comment":0,"featured_image_urls":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg-500x500.png",500,500,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false]},"post_excerpt_stackable":"<p>If you haven&#8217;t already done so, you&#8217;ll want to navigate to and either register or login to your Figma Account Explore the screen\u00a0 show them what is on the screen (as a quick navigation guide)&nbsp; Start with some basic tools Frames&nbsp; Grids&nbsp; Color picker and gradient&nbsp;&nbsp; Basic Prototyping&nbsp;&nbsp; Importing and editing images \u00a0 import images image editing options are also available\u00a0\u00a0 Basic Intro to Components and Variants\u00a0 Define&nbsp; what components and variants are&nbsp;&nbsp; Walk them through how to create component and variant (with an example)&nbsp; Introduce them to figma environment\u00a0 Files and templates&nbsp;&nbsp; Plugins and widgets<\/p>\n","category_list":"<a href=\"https:\/\/inside.wooster.edu\/technology\/category\/technologies\/digital-media\/\" rel=\"category tag\">Digital Media<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/events\/\" rel=\"category tag\">events<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/past-workshop\/\" rel=\"category tag\">Past<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/student-workshops\/\" rel=\"category tag\">Student Workshops<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/\" rel=\"category tag\">Workshops<\/a>","author_info":{"name":"Bitania Ketema Samuel","url":"https:\/\/inside.wooster.edu\/technology\/author\/bsamuel24wooster-edu\/"},"comments_num":"0 comments","uagb_featured_image_src":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg-500x500.png",500,500,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/09\/pngegg.png",512,512,false]},"uagb_author_info":{"display_name":"Bitania Ketema Samuel","author_link":"https:\/\/inside.wooster.edu\/technology\/author\/bsamuel24wooster-edu\/"},"uagb_comment_info":0,"uagb_excerpt":"If you haven&#8217;t already done so, you&#8217;ll want to navigate to and either register or login to your Figma Account Explore the screen\u00a0 Start with some basic tools Importing and editing images \u00a0 Basic Intro to Components and Variants\u00a0 Introduce them to figma environment\u00a0","_links":{"self":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/42114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/users\/337"}],"replies":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/comments?post=42114"}],"version-history":[{"count":3,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/42114\/revisions"}],"predecessor-version":[{"id":42414,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/42114\/revisions\/42414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media\/42107"}],"wp:attachment":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media?parent=42114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/categories?post=42114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/tags?post=42114"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/coauthors?post=42114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}