Getting started with Figma: A beginner's guide
Don't forget to use KEV25 at checkout for 25% off of Kyle's Freelancing Bundle: https://gumroad.com/a/406680691 Figma is a really amazing design and prototyping tool that has exploded in popularity. If you are thinking about making the switch to it, or if you're looking to figure out how to use it, this tutorial is for you! /// Timestamps 00:00 - Introduction 00:25 - What we are going to be building 02:06 - What is Figma? 03:03 - Starting a new project 03:33 - basic interface 04:12 - creating a frame (workspace/artboard) 05:45 - creating basic shapes 06:45 - color basics 08:16 - the text tool 12:30 - layer basics 14:07 - Zooming in and out and moving around the frame 16:57 - selecting, aligning, and locking items 20:22 - duplicating items 22:50 - stroke basics 23:47 - moving things perfectly straight 24:47 - more layer controls 26:59 - round corners 28:46 - grouping items, equal distribution, layer organization 31:45 - placing images 35:29 - the scale tool 37:15 - eye dropper and more on colors 38:04 - making the layout look better with everything we learned -- Come hang out with other dev's in my Discord Community 💬 / discord --- Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter --- Help support my channel 👨🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-t... 💖 Support me on Patreon: / kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: / kevinpowell.co Twitter: / kevinjpowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

10 tips to work 10x faster in Figma

Handy CSS layout patterns, and fun ways to elevate them

Reacting to 14 portfolios super-fast

Figma Tutorial: A Crash Course for Beginners

Free Figma Tutorial: Designing Wireframes with Figma

100 Years of Computer Science in 10 Minutes

Figma components: the basics to creating robust components

Stop Prompting Claude. Use Karpathy's Method Instead.

How I design websites with EDITORIAL style layouts (part 1)

From idea to layout: How I approach designing a site

Figma Crash Course 2021

If I started UX in 2026, I’d do this

I Think They Are Lying To You

Figma Tutorial for Beginners

A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma

Learn Web Design For Beginners - Full Course

6 simple typography tips to more professional looking sites

Free Figma Advanced Course: Become a Figma Pro!

The new way to use Figma?

