Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
00
D
00
H
00
M
00
S
Product Hunt Launch Discount! Get 40% Off →

The Ultimate Guide to Figma

Go from beginner to expert building in Figma
rating
reviews

The Ultimate Guide to Figma

Go from beginner to expert building in Figma
rating
reviews

What you'll learn in this course

During the process of building, you'll learn how to:
  • The Figma interface
  • Frames vs Groups
  • Auto Layout
  • Typography
  • Colors
  • Images
  • Building and using components
  • Implementing gradients
  • Design a nav bar and hero section
  • Design a features section
  • Design a footer scetion
  • Build with best practices in Figma

Who you'll learn from

Adam Tossell

Adam Tossell is a freelance product and web designer based in the U.K., specializing in Figma, Framer, Webflow, and Bubble.

Formerly the design lead at Buildcamp, Adam has a strong passion for creating end to end application and web designs with a strong emphasis on form & functionality.

His work features simple, clean and elegant UI with flair added in to complement the design. He always works with the user experience and the key app functionality as the primary focus and driver behind design decisions.

What's inside:

Figma is one of the most powerful and most-loved design tools. It's used by thousands of businesses including Adobe and Typeform and is recognized as an industry leader in UI/UX design. Understanding how to use Figma is becoming as important to businesses as understanding how to use a spreadsheet. This course is for anyone who wants to learn the best practices of Figma, master design principles, and save hours of time that can be used in other parts of your business.

Do you wish you could create stunning UI designs with ease? Do you have ideas you want to bring to life but lack the design tool knowledge? Have you tried using Figma before, but felt like you weren't able to use it effectively?

If you answered yes to any of these questions, keep reading!

After this course, you'll go from complete beginner to the Figma-expert inside your company. You don’t need any existing knowledge beforehand.

You’ll learn how to:

  • Design intuitive user interfaces.
  • Collaborate effectively with other stakeholders inside your business.
  • Speed up the design process thanks to mastering Figma.

The instructor, Adam Tossell, created intricate designs with Figma used by teams at venture-backed startups and will teach you exactly what you need to know to harness Figma inside your own business. You'll learn everything I know that I've used to create outstanding designs that are loved by users.

This course is up-to-date and will be consistently updated as Figma introduces new features.

Unlike other courses that take you through abstract concepts and unrelated exercises, this course teaches through real-world projects.

You’ll learn by building real-world projects.

If you have any questions at all before signing up, please reach out us at seth@nocode.mba so we can help make sure this course is right for you.

Show more

Course preview

This course is for...

Entrepreneurs
Freelancers
Marketers
Operators
  • Individuals new to UI/UX design seeking a comprehensive introduction to Figma.
  • Seasoned designers wanting to transition from other tools to Figma.
  • Startups and businesses aiming to bring their design process in-house.
  • Developers wanting to understand the design process and better collaborate with designers.
  • Product managers seeking a deeper understanding of the design phase.
  • Anyone who wants to enhance their digital product design skills in a rapidly evolving industry.

Pre-requisites

No prerequisites are required for this course! You don't need any coding or AI knowledge to start. All you need is a computer, an internet connection, and a willingness to learn!
Cliche but TRUE. I'm now capable of building out MVPs 10x faster and fulfill my clients' needs easier. My work-life balance has improved and so has my social life.
Ahmed Atlas
Get full access with a 60-day money-back guarantee

FAQs

What if I have zero experience with this stuff?

Don't worry at all if you have zero experience! This course has been specially designed with beginners in mind. You'll start with the fundamentals and gradually move on to more complex concepts. Every step will be explained in detail, and you'll have the chance to learn by doing, which is the best way to learn new skills!

Will I build a working app with your course?

Yes, absolutely! A major component of our course is a step-by-step guided project where you will build working apps from scratch. By the end of the course, not only will you have fully functional apps that you can showcase, but you'll also understand the principles behind it, allowing you to build your own apps in the future.

How long does it take to learn Figma?
It can vary. This course is 14 lessons, with more than 4.5 hours of material. To fully grasp the material, I suggest spending double that time practicing. You could cram it all in a few days, but students usually find 1-2 hours a day managable and the best strategy for learning.
Do you have a refund policy?

Yes! If you're not satisfied with the course for any reason, you can request a full refund within 60 days of purchase, zero questions asked.

How long do I get access?

Once you purchase the course, you'll have access as long as your No Code MBA membership is active. We offer both annual and lifetime memberships.

Why should I purchase this course instead of learning on my own?
While self-learning can be a rewarding experience, it often involves a lot of trial and error, which can be time-consuming. The process of figuring out what works and what doesn't can take weeks, if not months. On the other hand, our course is designed to provide you with a clear, direct path to learning how to build. We've curated the course content based on years of experience and distilled it into lessons that are easy to understand and implement. This allows you to bypass the time and frustration of sorting through countless resources and making common beginner mistakes.

We break down complex concepts into simple, digestible parts, and our step-by-step approach ensures that you're never left wondering what to do next. You'll also have the opportunity to ask questions and get feedback, something that isn't usually possible with self-learning. Plus, the course is structured to keep you motivated and engaged, making the learning process not only effective but also fun! :)
Have more questions?

Feel free to reach out at seth@nocode.mba

Empowering 1000s of Students

Terrific way to learn No-Code
Nocode mba builds confidence bh straightaway taking you to the meaningful projects. You build your muscle by doing real life projects including those using High end AI. I even learnt more about open AI and APIs during the course than before it.
Neetish
Great practical examples and projects
I signed up for NoCode MBA a long time ago when it didn't have much content available, the value has only increased as more high quality content has been added. Great practical examples and projects.
Charlie Moseley
Very detailed and curated for all!
I’ve been in this community for the last 2 and a half years and it has been nothing but excellence. Seth is quick to recognise trends and show us how to build SaaS apps of the time.
Meddy
Show all 400+ reviews

Full Curriculum

1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Intro to the course
5:26
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Navigating around Figma
24:37
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
When to use Frames and Groups
15:46
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Auto Layout and why its a Figma superpower
22:51
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Typography Style Guide
29:34
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Colors Style Guide
28:23
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Import Icons Style Guide
5:31
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Gradient Styles Style Guide
6:43
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Image Styles Style Guide
6:47
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
How and why to create components such as buttons
30:55
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Build our landing page nav bar and hero
25:52
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Build feature sections
21:12
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Build testimonial and FAQ sections
26:08
1. Figma Fundamentals - Design Your Own Landing Page
Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.
4.5 hours
preview
Build footer sections
12:56
5000+
delighted students and counting
Get full access to
The Ultimate Guide to Figma
rating
reviews
Sign up now