Learning Figma in 1 hour from Udemy

Great to see you here, aspiring Figma user.

This course covers Figma basics and some more advanced topics. And guides you from designing multiple app screens to making it into an interactive prototype that you can show to your friends and colleagues.

In this course we will start with the basics. You'll learn to move around in Figma and how the basic drawing functionalities work. From there we'll quickly cover more advanced topics while you proceed through this course.

With those basic and advanced topics in place. You are ready to create something bigger.

How about building an app that does something everyone can use. A recipe app has all the necessary elements that you need in your later design profession.

You'll be given all the information necessary to create a recipe app from scratch. After getting through the hour, you'll have a neatly looking Recipe app that can be tested as a prototype. This prototype is tied together with transitions. So you could even show it to your friends or colleagues and bring it into a testing situation.

Note: Some screens in this course have changed slightly with Figma’s recent update. However, the entire course still works and has been tested to do so.

What's inside

Syllabus

You will know the basics parts of Figma. And You will be able to work with artboards, shapes and text in order to create a logo from scratch and export it to your own computer.

Creating an account and getting started

Getting around in Figma

Design basics: Shapes

Design basics: Text

Design basics: Creating a logo

You will learn how to create an app design from scratch. Create components, style the shapes and create different pages.

Information Architecture

Splash screen

Overview screen & Plugins

Working with Components

Creation and alignment of multiple components

Detail screen

You will learn how to create interactive prototypes. You'll learn auto-animate, transitions and overlay behavior.

Adding interactivity

Overflows & Vertical scrolling

Advanded animations

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Learning Figma in 1 hour with these activities:

Review Basic Design Principles

Show steps

Reinforce fundamental design principles to enhance your ability to create visually appealing and user-friendly interfaces in Figma.

Browse courses on Design Principles

Show steps

Study the principles of design.
Analyze existing designs.
Practice applying the principles.

Read 'Don't Make Me Think, Revisited'

Show steps

Improve your understanding of usability principles by reading 'Don't Make Me Think' and applying them to your Figma designs.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read a chapter of 'Don't Make Me Think'.
Identify usability issues in a design.
Apply the book's principles to fix them.

Practice Figma Shortcuts

Show steps

Improve your efficiency in Figma by memorizing and practicing common keyboard shortcuts.

Show steps

Identify frequently used actions.
Learn the corresponding shortcuts.
Practice using shortcuts in Figma.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Read 'Refactoring UI'

Show steps

Improve your UI design skills by reading 'Refactoring UI' and applying its principles to your Figma projects.

View Melania on Amazon

Show steps

Read a chapter of 'Refactoring UI'.
Apply the principles to a Figma design.
Reflect on the impact of the changes.

Follow Advanced Figma Tutorials

Show steps

Expand your Figma skills by following tutorials on advanced topics like prototyping, auto layout, and component libraries.

Show steps

Find tutorials on advanced topics.
Follow the tutorial step-by-step.
Apply the techniques to your projects.

Design a Mobile App Interface

Show steps

Apply your Figma skills by designing a complete mobile app interface, including multiple screens and interactive elements.

Show steps

Define the app's purpose and features.
Create wireframes for each screen.
Design the visual interface in Figma.
Prototype the app's interactions.

Create a Figma Plugin Tutorial

Show steps

Share your knowledge by creating a tutorial on how to use a specific Figma plugin, helping other users enhance their workflow.

Show steps

Choose a Figma plugin to focus on.
Learn the plugin's features and uses.
Create a step-by-step tutorial.
Share the tutorial online.

Career center

Learners who complete Learning Figma in 1 hour will develop knowledge and skills that may be useful to these careers:

Mobile App Designer

Mobile App Designers specialize in creating user interfaces and user experiences for mobile applications. This course helps build a foundation in mobile app design by focusing on Figma, a widely used tool in the industry. The course guides you through the process of designing multiple app screens and turning them into interactive prototypes. The recipe app project covered in the course may be especially useful in creating a portfolio piece that showcases your skills to potential employers. The course will also help you learn how to create interactive prototypes with transitions, making it easier to test and refine your designs. This course may be particularly helpful because it includes attention to advanced animations.

See salaries and explore the career path for Mobile App Designer

UX/UI Designer

A UX/UI Designer combines user experience and user interface design to create seamless and intuitive digital products. This course helps build a foundation in both UX and UI design by covering Figma basics and guiding you through the process of designing app screens and creating interactive prototypes. The recipe app project may be useful in demonstrating your design skills. Learning how to work with artboards, shapes, text, and components in Figma will enable you to create visually appealing and user-friendly interfaces. Furthermore, building a prototype tied together with transitions may be particularly useful.

See salaries and explore the career path for UX/UI Designer

User Interface Designer

The role of a User Interface Designer focuses on crafting visually appealing and intuitive interfaces for digital products. This course helps build a foundation in interface design through the use of Figma. You will learn how to use artboards, shapes, text, and components to create visually appealing and functional designs. The recipe app project in the course may be useful in creating a portfolio piece that can be shown to potential employers. Given the importance of prototyping in UI design, the portion of the course devoted to interactive prototypes will prove invaluable and may give you a leg up in this competitive field. This course may be particularly helpful because it includes attention to advanced animations.

See salaries and explore the career path for User Interface Designer

Freelance Designer

Freelance Designers work independently on various design projects for different clients. This course helps build a foundation in design by covering Figma basics and guiding you through the process of designing app screens and creating interactive prototypes. The recipe app project in the course may be useful in creating a portfolio piece that can be shown to potential clients. Learning how to create interactive prototypes with transitions will enable you to showcase your design skills and attract more clients. The creation of a logo may be especially helpful to a freelance designer, who often needs to create branding material for clients.

See salaries and explore the career path for Freelance Designer

Interaction Designer

An Interaction Designer focuses on designing interactive elements and experiences within digital products. This course focuses on using Figma, and the course material covers the basics as well as how to create interactive prototypes. The recipe app project allows you to gain hands-on experience in creating interactive designs and testing them as prototypes. The course helps you learn how to add interactivity, overflows, and vertical scrolling to your designs. For an interaction designer, creating prototypes that can be shown to colleagues is essential, and this course may be quite useful in that regard.

See salaries and explore the career path for Interaction Designer

Visual Designer

The Visual Designer focuses on the aesthetic elements of a design, ensuring that the user interface is visually appealing and consistent with the brand. This course helps build a foundation in visual design by teaching you how to work with artboards, shapes, text, and components in Figma. The course covers the basics of design and also guides you through creating a logo from scratch and exporting it to your computer. By working on the recipe app project, you will gain hands-on experience in creating visually appealing designs. For a visual designer, the attention to detail in the recipe app, which may be useful in building design skills.

See salaries and explore the career path for Visual Designer

Information Architect

Information Architects organize and structure information within digital products to ensure usability and findability. This course helps build a foundation in information architecture by teaching you how to work with artboards, shapes, text, and components in Figma. This course focuses on information architecture, which may be useful in designing the structure and organization of websites and applications. Learning how to create app designs from scratch and work with different pages will also help you develop your skills in information architecture. Prototypes and transitions may be especially helpful.

See salaries and explore the career path for Information Architect

Web Designer

A Web Designer is responsible for designing and creating the layout, visual appearance, and usability of websites. This course may be quite helpful for aspiring web designers, as it covers the basics of Figma, a popular tool for web design. The course guides you from designing multiple app screens to creating interactive prototypes, which helps you develop a portfolio of web design samples. By familiarizing yourself with Figma, you will gain hands-on experience in creating visually appealing and user-friendly websites. Given the importance of user experience in web design, the prototype tied together with transitions may be particularly useful.

See salaries and explore the career path for Web Designer

Product Designer

Product Designers are involved in the entire product development process, from ideation to launch. This course may be useful for product design, as it covers the basics of Figma and guides you through the process of designing app screens and creating interactive prototypes. The course also allows you to create components, style shapes, and create different pages, essential skills for product design. The recipe app project may be useful as you create a design that can be tested as a prototype and shown to colleagues. Given the importance of visual design for this role, a product designer may find this course to be useful.

See salaries and explore the career path for Product Designer

User Experience Researcher

User Experience Researchers conduct research to understand user behaviors, needs, and motivations. This course may be useful for user experience research, as it covers the basics of Figma and guides you through the process of creating interactive prototypes. Creating prototypes tied together with transitions may be particularly useful to user experience research, as this allows for the easy testing of design ideas with users. The course also helps you create different pages and components, which may be useful in designing research studies and analyzing data. For a User Experience Researcher, the ability to create interactive prototypes may be useful in gaining quality user feedback.

See salaries and explore the career path for User Experience Researcher

Design Consultant

Design Consultants advise businesses on how to improve their products and services through design thinking and user-centered design. This course may be useful for design consultants, as it covers the basics of Figma and guides you through the process of designing app screens and creating interactive prototypes. The recipe app project helps you gain insight into how design choices impact user experience. Learning how to create components, style shapes, and create different pages may be useful in advising clients on design best practices. Having some experience crafting prototypes may be helpful.

See salaries and explore the career path for Design Consultant

Design Strategist

Design Strategists develop and implement design strategies that align with business goals and user needs. This course may be helpful to design strategists, as it covers the basics of Figma and guides you through the process of designing app screens and creating interactive prototypes. By working on the recipe app project, you will gain insight into how design can solve real-world problems. The course will also help you learn how to create components, style shapes, and create different pages, skills that may be useful in developing design strategies. While strategy lies outside the purview of this course, seeing the process through is useful.

See salaries and explore the career path for Design Strategist

Accessibility Specialist

Accessibility Specialists ensure that digital products are usable by people with disabilities. This course may be useful for accessibility specialists, as it covers the basics of Figma and guides you through the process of designing app screens and creating interactive prototypes. The recipe app project may be useful in understanding how design choices can impact accessibility. Learning how to create interactive prototypes with transitions may be particularly useful, as it allows you to test and improve the accessibility of your designs. The course will help you learn how to add interactivity, overflows, and vertical scrolling to your designs, which may be useful in creating accessible interfaces.

See salaries and explore the career path for Accessibility Specialist

Motion Graphics Designer

Motion Graphics Designers create animated graphics and visual effects for various media. This course covers the basics of Figma, and includes attention to advanced animations. The recipe app project helps you learn how to add interactivity, overflows, and vertical scrolling to your designs. Learning how to create interactive prototypes with transitions may be particularly useful, as it allows you to experiment with different animations and visual effects. A motion graphics designer may find this course useful in exploring the creation of advanced animations.

See salaries and explore the career path for Motion Graphics Designer

Front-End Developer

A Front End Developer implements visual elements and user interfaces of websites and applications. This course may be useful for front end developers, as it covers the basics of Figma, a tool often used in the design process. Front end developers can more easily work with and implement designs when they have a grasp of the programs used. The recipe app project may be useful in understanding design principles and creating visually appealing interfaces. Basic familiarity with the terms and techniques may provide a boost to a Front End Developer.

See salaries and explore the career path for Front-End Developer

Learning Figma in 1 hour

What's inside

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses