Prerequisite

You are required to have basic computer navigational skills such as opening and closing of files, dragging, and dropping of widgets, copying, and pasting of files.

To get the best-recommended learning outcome result of this course, it is strongly advised to have a working mouse to practice with, instead of relying solely on the trackpad of a laptop PC

Target Audience

This is course is suitable for anyone who wants to understand UX design. It is particularly valuable for:

• Aspiring designers
• Graphic designers and professionals working in other design sub-disciplines looking to transition into a career in UX Design.
• Software engineers
• Students
• Business owners and entrepreneurs
• Product managers
• Marketers
• Anyone curious about UX design and looking to apply the principles to various industries

Course Highlights

In this course, you will be working on various hands-on exercises that focus on building your skills and confidence in using Figma to create quality designs, collaborate effectively with teams, and stay ahead in the design industry. You will learn :

• Workflow techniques, managing design assets, styles, components, grid and column layouts
• Setting up your brand within your design
• Crafting responsive elements that effortlessly adapt to any device, proving your design prowess knows no bounds.
• Auto Layout Feature
• Discovering the right accessibility tools & techniques, ensuring inclusivity and usability for all users.
• Incorporating Animations into your elements
• How to use Variables and put them to work creating even more complete prototypes
• Use variables to make Light & Dark Modes + Compact & Comfortable spacing versions of your components.

We will equip you with the skills to build prototypes for various screen sizes. You will get to choose and create captivating screens and pages such as:

• Event Sign-Up Flow
• Service get-a-quote Lead-generation Flow
• New User Sign-up Onboarding Flow

Course Objectives

By the end of the class, trainees will be able to:

• Identify the primary components of the Figma interface, including layers, tools, and panels, and describe their functions.
• Recognise and apply foundational UI design principles, such as alignment, spacing, and hierarchy, in simple design exercises.
• Demonstrate the ability to create basic UI components like buttons, text fields, and icons, using Figma’s tools.
• Construct low-fidelity wireframes that clearly map out the structure of a user interface.
• Design a simple prototype in Figma by applying basic interactive elements like navigation links and transitions.
• Organise and manage Figma files using layers, naming conventions, and pages for a clean and efficient workspace.
• Collaborate effectively using Figma’s commenting and sharing features to engage with peers or stakeholders.
• Evaluate and revise prototypes based on initial usability feedback, iterating for improved user experience.
• Distinguish between different types of UI elements (e.g., interactive vs. non-interactive) and choose appropriate elements for a design.
• Interpret and apply basic color theory to create visually balanced and accessible designs.
• Demonstrate how to use Figma’s alignment and spacing tools to arrange components in a visually appealing layout.
• Illustrate basic design flows by connecting wireframes and interactive elements to simulate user journeys in Figma.
• Present wireframes and prototypes clearly to communicate design choices to team members or stakeholders.