I'd suggest taking a look at any of the commercial UI kits for Figma after you achieved basic levels of learning Figma. It helps to extend your skills, save time and learn how to work with components more decent.

Watch YouTube videos and just start playing around with it. In my opinion, all the tools are very straightforward.

What you should familiarize yourself with is the logic of frames vs. groups. Also proper naming conventions for components. Lastly, master Auto Layout and all its uses. You can create very complex and responsive components with AL and make life easier down the line.

how/where to start depends on the project type. what are you creating?

Let me impart my how-to-learn wisdom.

1. Watch a few starter YouTube videos from the Figma team. Set a time limit and only watch two starter videos.
2. Have a look at the Community templates. Download two simple starters. Don't get mired in the multitude of templates. Set a time limit and choose two.
3. Next, open a template and get a little familiar with the tools in Figma. Don't do anything serious yet–just have a simple understanding of what each does. Don't set the expectation that you have to be an expert in each tool.
4. Finally, get started and start small. Create a new page make the navigation bar. Set another goal and create the hero element. Then another. And another.

By the way, choose one software app. Don't bounce between each because you're not in this to evaluate a tool.

If you get stuck, take a break. If everything frustrates you, well, you'll need to decide if you want to stick with this or choose another career path.

Best!

EDIT: Well, look here! If you read some prior posts someone created a starter just for you:
https://www.reddit.com/r/FigmaDesign/comments/lu6c8r/tutorial_learn_basic_tips_and_tricks_of_figma_by/

Figma have a ton of resources through their website and YouTube that will take you all the way through even the very basics

I found the hands-on sessions at udemy.com to be really useful.

Figma 101. Start at the first page. Read every word, top to bottom, follow all instructions. It's an older file, applies to old UI, and lacks some major features of the past couple of years, but it will teach the fundamentals of figma (and design tools in general). This is what we have new figma users complete to ramp up quickly. Best to complete using the old UI.

This free course on Figma Learn is pretty good if you’re starting from the beginning: https://help.figma.com/hc/en-us/sections/30880632542743-Figma-Design-for-beginners

When I first got into Figma, nobody did a better job of explaining auto-layout than Pablo Stanley. Most others failed to get it across in such a digestible way.

https://youtu.be/9K3r6ApcoD8?si=lz7HDfN3IwbYO9EM

Check out the full course. 

Apologies it may be less recent, but a lot of these foundations will go a long way. Some of the shortcuts or UI may have changed, but you’ll get the hang of it. 

If he has more recent videos, I’d give it a go.  

Scope the resources in the community and reverse engineer things. Check out the Figma YouTube channel.

For components and variables, it’s worth investing money into something like Untitled UI to see how you can properly build things. Again, a reverse engineering situation. 

Good luck – Just put in some time, experiment, push through the early frustrations and it will just click one day. 

Honestly learn how box models work. That’s the baseline for how a lot of the inner workings of Figma well, work. It’ll help with developing designs that are built ready with dev in mind

Figma's just the tool. It's like learning how to use a screwdriver, hammer, nail gun, saw, etc. ...but the real challenge is how you're gonna remodel your bathroom. Just because you've learned or mastered the tools doesn't mean you're gonna turn that into a flawless, well-designed bathroom that people love to use.

My only advice is…figma is only the beginning and 1/10 of the battle. Good luck! 😅

I moved over to Figma from Adobe XD 2-3 years ago I think. I basically learned by opening it up and messing around, recreating designs I had done in XD, and then pulling up youtube videos to learn how to do stuff that I couldn't figure out myself. here you go: https://www.youtube.com/results?search_query=getting+started+with+figma+2025

Do you intend to use figma for design and prototyping?

Download the app, go to figmas YouTube channel for videos.

Youtube. I literally learned everything there is to learn from Youtube.

Also, I suggest you use ChatGPT in case you have any questions along the way. My recommendation is for you to recreate any mobile app as a first project. That'll teach you some of the fundamentals, and you will learn a few things along the way.

Go 4 da figma's crash courses for quick

Keep in mind Figma isn't for developing. It's for designing.

But as for a place to start...Figma's YouTube channel.

The jump from Figma to code is less about “export” and more about translation. Figma gives you the structure and visual language, but you’ll still need to implement it in HTML, CSS, and JS yourself.

A useful way to think about it: treat your Figma file as the blueprint, not the source code. When you’re designing, keep one eye on how you’d actually build it. Use a real spacing scale, choose type sizes that map nicely to rem units, limit your colors. If your design decisions feel consistent in Figma, it’s much smoother to code. If they’re all over the place, it’s a nightmare in CSS.

Since you already have design chops, I’d skip books and look at practical stuff:
• CSS Tricks (still has gold even if it’s old in places)
• Josh Comeau’s CSS course if you want depth
• Tailwind’s docs, even if you don’t use the framework, to see how utility classes map to design tokens

And don’t stress about paying for Figma yet. Free is more than enough until you’re working with a team or need libraries.

What worked for me was building tiny things end-to-end. Design a simple landing page in Figma, then recreate it in HTML/CSS. No frameworks, no shortcuts. You’ll bump into the rough edges quickly and that’s where the learning sticks.

Once you get that muscle, you can scale up to React, Next, whatever. But the missing piece is not a tool or plugin, it’s practicing that handoff with yourself.

I'd suggest starting with the basics: HTML and CSS. Then pick up some JavaScript for logic. Once you’re comfortable, learn the fundamentals of programming (OOP etc.) — Python’s a good starting point. After that, move from JavaScript to TypeScript, and from static sites to dynamic ones with a framework like React, Angular or Blazor.

The next step is to just start building - look at what you’ve designed and code it

On point 3, it’s the exact opposite - you do your illustration in Illustrator or photo editing in Photoshop and then bring all of that into Figma

1. Mostly yes. You could make a basic static website, though that’s relatively new functionality. You could never make a fully functional web or mobile app, no design tool on its’ own can, yet.

2. Like I said above, it can only make static websites with limited CMS functionality. And the code is not efficient yet.

3. You hand over your designs to an engineer who will build stuff in code. There is no need for an intermediary between Figma and what an engineer will build.

I strongly recommend you lookup the Figma youtube channel to learn more about what it can do.

Figma is a good tool to have in your tool belt no matter which direction you go with you career. Our visual designers also use Figma for some projects.

As others have said being a UX designer is a lot more than Figma though. Medium has a lot of good articles on the field if you want to learn more.

It might be helpful to come up with a practice project and work through it as you learn Figma. You’ll learn the tool as well as have something to add to your portfolio.

Learning Figma is not hard for beginners, but you must understand that UX design isn’t just mastering Figma, as Figma is just a tool that makes the interface design easier.

For figma exercises you can try https://figmamarathon.com/

youtube, udemy, coursera. it’s easy to learn

1. absolutely worth it.
2. start with YouTube's Figma channel. Videos are short and will explained.
3. just remember this is a tool and UX design is a much more complex matter.
4. try to have fun and make many mistakes while learning. Don't worry about doing everything right the first time, just learn the tool at your own pase.

Before touching any tools, study apps on Screensdesign to understand proven UI patterns.

See how real apps handle navigation, onboarding, user flows. then, learn Figma basics through YouTube tutorials. Practice by copying designs you studied.

If you’re starting from zero, yes learn Figma first. but UI/UX is more than just tools. Think of it as learning how to solve problems for users, then learning how to design the screens.

Here I'm sharing the step by step process:

1. Learn the basics of UX vs. UI
2. Pick up Figma basics: frames, grids, components, prototypes.
3. Then study visual design: typography, color, spacing, consistency.
4. After that do small projects to check and brush up your knowledge.
5. Build case studies showing your process.

Step 1 - finish google ux design course from Coursera Step 2 - practice by designing hero sections of website take help from YouTube Step 3 - start designing landing page take help from behance and dribble Step 4 - start working on your prototyping skills Step 5 - start working on small apps take ideas from chat gpt or redesign existing apps

If you find this helpful follow me on behance

Bro just hop on YouTube and watch some UX basics, then pick up Figma from freeCodeCamp, learn a bit about colors and fonts for UI, check AJ&Smart for the design process, and keep practicing by redesigning apps and posting your work. Figma’s just a tool, the real game is Learn → Practice → Share → Repeat.

Samee!!

Hey also you can try to join to the community on figma :) there are many components to using and trening your skill

I just started a figma soft UI tutorial. 2 of 3 parts are already online, last one comes on Friday. If this sounds interesting to you check out the playlist: https://www.youtube.com/playlist?list=PLRWeBscLsJDOe0LLW7dMltmVTWroJ6CrL