Select Page

Every Click In Figma

Reviews 0 (0 Reviews)

Course Overview

“Every Click In Figma” is an online course that teaches you how to use Figma, a powerful design and prototyping tool, to create professional and engaging designs. The course is divided into 20 chapters, each covering a different aspect of design and prototyping in Figma.

In the first few chapters, you will learn about the basic concepts and features of Figma, including how to create and edit vector graphics, how to use layers and frames, and how to create basic prototypes. You will also learn about design principles, such as typography and colour theory, and how to apply them in Figma.

As you progress through the course, you will delve deeper into more advanced topics, such as user interface design, marketing and branding, and motion design. You will learn how to create cohesive and attractive visual styles, how to design for consistency and clarity, and how to add motion to your designs.

In the later chapters, you will learn about advanced prototyping techniques, such as using variables and data to create dynamic prototypes and creating micro-interactions and animations. You will also learn about design systems and style guides, and how to create a design workflow in Figma. You will have the opportunity to put everything you have learned into practice by completing a capstone project, where you will design and prototype a complete product or solution using Figma.

Throughout the course, you will have the opportunity to practice what you have learned through hands-on exercises and projects, and to receive feedback from instructors and classmates. By the end of the course, you will have a solid foundation in design and prototyping with Figma, and the skills to create professional and engaging designs for a variety of platforms and devices.

Course Content

  • Welcome to the Course!
    • About Me

    • My Career in Design

    • Remote Designer Lifestyle 🏝

    • A Beautiful Contraint

  • Introduction to Figma
    • What is Figma and why use it?

    • Setting up a Figma account and workspace

    • Navigating the Figma interface

  • Working with files
    • Creating new files and templates

    • Importing and exporting files

    • Collaborating with other users

  • Creating and formatting design elements
    • Using the toolbar and properties panel

    • Working with shapes, lines, and text

    • Creating and styling buttons and icons

    • Using layers and the layer panel

  • Prototypes and Animations
    • Setting up a prototype

    • Adding transitions and interactions

    • Using animations to bring designs to life

  • Advanced techniques
    • Working with components and styles

    • Creating and using libraries

    • Exporting design assets

    • Tips and tricks for efficient workflow

  • Designing for web and mobile
    • Understanding responsive design

    • Creating layouts for different screen sizes

    • Designing for mobile devices

  • Typography
    • Understanding type hierarchy and legibility

    • Choosing and pairing fonts

    • Adjusting font size, weight, and spacing

  • Color Theory
    • Understanding the color wheel and color relationships

    • Creating a color palette for your design

    • Using color to create hierarchy and emphasis

  • Graphics and imagery
    • Choosing and sourcing graphics and imagery

    • Working with vector graphics

    • Adjusting image size and quality

  • Accessibility
    • Understanding accessibility guidelines and best practices

    • Ensuring that your designs are accessible to all users

  • User Experience Design
    • Understanding user needs and goals

    • Creating wireframes and user flows

    • Designing for usability and ease of use

  • User Interface Design
    • Understanding UI elements and patterns

    • Creating a cohesive visual style

    • Designing for consistency and clarity

  • Marketing and Branding
    • Understanding brand identity and messaging

    • Creating marketing materials

    • Integrating branding into your designs

  • Motion Design
    • Understanding the principles of motion design

    • Creating simple animations and transitions

    • Adding motion to your prototypes

  • Advanced Prototyping
    • Using variables and data to create dynamic prototypes

    • Creating interactive forms and surveys

    • Using conditions and logic in your prototypes

  • Design Systems and Style Guides
    • Understanding design systems and style guides

    • Creating a design system in Figma

    • Documenting and communicating your design system

  • Creating a Design Workflow in Figma
    • Understanding design workflows and best practices

    • Setting up a Figma workspace for your team

    • Collaborating with other designers and stakeholders

  • Integrating Figma with other tools
    • Using the Figma API

    • Exporting design assets

    • Integrating with project management and collaboration tools

  • Advanced design techniques
    • Using Figma for data visualization

    • Creating custom UI components and templates

    • Advanced prototyping techniques

  • Final Capstone Project
    • Final project brief

    • Putting it all together

    • Presenting your project

  • Lessons 65
  • Language English
  • Skill Beginner
  • Last Update October 1, 2023