Introduction to Figma [How to use Figma 101]

🎓 View our courses: https://scrimba.com/links/all-courses Knowing how to use Figma is a skill which can truly set you apart from other developers - and make your job a whole lot easier! That's why we've invited Creative Frontend Developer & Designer Kevin Canlas to give us a whistle-stop tour of the most essential features of Figma, which will allow you to hit the ground running using the design software today! In this Figma 101, we'll talk about the basics of using design software and Kevin will demo some of the most useful features of Figma. By the end of the stream, you'll have gone from Figma newbie to dab hand at using design software. We'll talk about: 🎨 Why learn Figma? 🎨 Figma setup 🎨 Basic Figma tools 🎨 Layers 🎨 Groups 🎨 Frames 🎨 Colors 🎨 Typography 🎨 Vectors 🎨 Components 🎨 Styles 🎨 Keyboard shortcuts 🎨 Figma plugins 🎨 ..and more! 👾Contents👾 0:00 - Introduction 02:39 - Why learn Figma 03:40 - Is it possible to export my Figma design straight to my vscode? 04:30 - What would you recommend for someone thinking of transitioning from development to a UI/UX role? 05:24 - Is design teachable or do you have to have an “eye” for it? 06:13 - Figma Setup 08:31 - Basic Figma Tools 14:45 - How to do SVGs with Figma? 16:10 - Would you recommend something like the Google Coursera Course? To help you build a portfolio 17:44 - Which website to see designs? 19:33 - Layers 21:09 - Groups 22:06 - Frames and positioning 25:53 - I’m a beginner, what should I learn first, UI/UX or development? 26:53 - What is the best way to import from Sketch to Figma without any issues? 27:39 - How to export correctly from Figma? 29:25 - Frames and positioning 29:29 - How to adjust the CSS? 32:06 - Colors 34:56 - How do you make an animation in Figma? 38:21 - Typography 42:43 - Figma Plugins 45:44 - The Unsplash plugin in Figma 47:27 - Plugins Recommendations 50:01 - Figma Templates 51:14 - How to export HTML code to VSC 51:29 - Does Figma have any