{"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><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><\/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>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>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>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>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>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>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>See you there!<\/p>\n\n\n\n<p><\/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":"","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,"featured_image_urls":{"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]},"post_excerpt_stackable":"<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 and Framer.ai \u2013 an AI sensation for building and deploying websites in seconds. Exercise files (and maybe snacks) will be provided. Bring your laptop and come build stunning portfolios with us, see you there! What we\u2019ll be doing: 1. Introduction (5 \u2013 10 min) Your&hellip;<\/p>\n","category_list":"<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\/technologies\/web-authoring\/\" rel=\"category tag\">Web Authoring<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/\" rel=\"category tag\">Workshops<\/a>","author_info":{"name":"Minh Phan","url":"https:\/\/inside.wooster.edu\/technology\/author\/mphan24wooster-edu\/"},"comments_num":"0 comments","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}]}}