{"id":45949,"date":"2024-11-14T20:07:58","date_gmt":"2024-11-15T01:07:58","guid":{"rendered":"https:\/\/inside.wooster.edu\/technology\/?p=45949"},"modified":"2025-02-18T08:27:58","modified_gmt":"2025-02-18T13:27:58","slug":"figmaframer-portfolio","status":"publish","type":"post","link":"https:\/\/inside.wooster.edu\/technology\/figmaframer-portfolio\/","title":{"rendered":"Build a portfolio website in 1 hour with Figma and Framer (no-code)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Time and Date: <\/strong>Monday, December 02, 2024 @ 5:00 PM &#8211; 6:30 PM<br><strong>Location:<\/strong> Andrews Library, CoRE Cube<br><strong>Join with Microsoft Teams:<\/strong> TBD<br><strong>Register here:<\/strong> <a href=\"https:\/\/inside.wooster.edu\/technology\/events\/figma-framer-portfolio\/\">Event page<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 id=\"level-up-your-job-search-strategy\" class=\"wp-block-heading\"><strong>Level up your job search strategy!<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this workshop, you\u2019ll learn how to quickly create a professional, big-tech-style portfolio website in no time using Figma \u2013 the industry-favorite UI design tool and Framer.ai \u2013 an AI sensation for building and deploying websites in seconds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exercise files (and maybe snacks) will be provided. Bring your laptop and come build stunning portfolios with us, see you there!<\/p>\n\n\n\n<h2 id=\"what-well-be-doing\" class=\"wp-block-heading\"><strong>What we\u2019ll be doing:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Introduction (5 \u2013 10 min)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your host: Minh Phan \u201925, CS + Arts, Student Technology Assistant, aspiring UX designer<\/li>\n\n\n\n<li>Ask students to sign in and download the exercise files (show link to this agenda)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">2. Portfolio website 101 + why you need it (10 min)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What is a portfolio website? + examples<\/li>\n\n\n\n<li>Popular tools for building portfolio sites<\/li>\n\n\n\n<li>Why Figma and Framer?<\/li>\n\n\n\n<li>Elements of a good portfolio + template walkthrough<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">3. Design and deploy (50 min)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in to Figma and Framer<\/li>\n\n\n\n<li>Create the copy of the exercise file<\/li>\n\n\n\n<li>Customize the given template using your resume or LinkedIn<\/li>\n\n\n\n<li>Download the Figma-Framer plugin<\/li>\n\n\n\n<li>Copy template over to Framer<\/li>\n\n\n\n<li>Make adjustments for responsiveness and micro-animations<\/li>\n\n\n\n<li>Deploy!<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">4. Conclusion (10 min):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fill out feedback form<\/li>\n\n\n\n<li>Next steps + resources<\/li>\n<\/ul>\n\n\n\n<h2 id=\"what-to-prepare-for-the-workshop\" class=\"wp-block-heading\"><strong>What to prepare for the workshop:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Have your resume or LinkedIn ready<\/li>\n\n\n\n<li>Bring your laptop<\/li>\n\n\n\n<li>Create your\u00a0<a href=\"https:\/\/www.figma.com\/\">Figma<\/a>\u00a0and\u00a0<a href=\"https:\/\/framer.com\/\">Framer<\/a>\u00a0accounts and familiarize yourself with the workspace.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">See you there!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time and Date: Monday, December 02, 2024 @ 5:00 PM &#8211; 6:30 PMLocation: Andrews Library, CoRE CubeJoin with Microsoft Teams: TBDRegister here: Event page Level up your job search strategy! In this workshop, you\u2019ll learn how to quickly create a professional, big-tech-style portfolio website in no time using Figma \u2013 the industry-favorite UI design tool [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":45880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","wpo365_audiences":[],"wpo365_private":false,"footnotes":""},"categories":[483,50,62,66],"tags":[],"coauthors":[409],"class_list":["post-45949","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-past-workshop","category-student-workshops","category-web-authoring","category-workshops"],"acf":[],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer.png",1400,788,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer-750x422.png",750,422,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer-768x432.png",768,432,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer-1024x576.png",1024,576,true],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer.png",1400,788,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2024\/09\/FigmatoFramer.png",1400,788,false]},"uagb_author_info":{"display_name":"Minh Phan","author_link":"https:\/\/inside.wooster.edu\/technology\/author\/mphan24wooster-edu\/"},"uagb_comment_info":0,"uagb_excerpt":"Time and Date: Monday, December 02, 2024 @ 5:00 PM &#8211; 6:30 PMLocation: Andrews Library, CoRE CubeJoin with Microsoft Teams: TBDRegister here: Event page Level up your job search strategy! In this workshop, you\u2019ll learn how to quickly create a professional, big-tech-style portfolio website in no time using Figma \u2013 the industry-favorite UI design tool&hellip;","_links":{"self":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/45949","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/comments?post=45949"}],"version-history":[{"count":6,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/45949\/revisions"}],"predecessor-version":[{"id":46353,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/45949\/revisions\/46353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media\/45880"}],"wp:attachment":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media?parent=45949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/categories?post=45949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/tags?post=45949"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/coauthors?post=45949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}