UI/UX Design Tools Track - Online Learning with Certificate

UI/UX Design Tools

Beginner

0.0

0 reviews

22 Learners

Updated 11/2025

By completing this track, you will gain the skills to design intuitive and visually appealing web and mobile interfaces using Figma, apply essential U…

126

Chapters

Learning hours

161

Assignments

AI Assistant

Shareable Certificate

Outcomes

Track content

Related courses and projects

Testimonials

Features

Pricing

Outcomes

Track content

Related courses and projects

Testimonials

Features

Pricing

What you will learn

Navigating Figma's interface and tools

Using masks and blend modes for visuals

Mastering Photoshop's selection tools

Organizing designs with layers and groups

Building reusable components in Figma

Enhancing images with retouching techniques

Creating custom shapes with the Pen Tool

Creating interactive prototypes in Figma

Creating vector graphics in Illustrator

Learning track content

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Getting Started with Figma

Figma Interface Overview

Project Setup in Figma

Pages and Frames in Figma

FigJam Board in Figma

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Layers in Figma: Organizing and Managing Your Design Elements

Using Groups in Figma: Structuring and Nesting Objects Efficiently

Shapes in Figma: Creating and Customizing Design Elements

Alignment of Objects in Figma: Precision and Layout Optimization

Pen Tool in Figma: Creating Custom Shapes and Vector Graphics

Figma Version History: How to Track and Restore Changes

Type Tool in Figma: Adding and Styling Text for UI/UX Design

Fonts in Figma: Choosing and Applying Typography Effectively

Typographic Hierarchy in Figma: Enhancing Readability and UI Design

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Placing Photos and Videos in Figma: Enhancing Your Designs with Media

Using Masks in Figma: Clipping and Layering for Advanced Visuals

Blend Modes in Figma: Creating Stunning Effects and Overlays

Color and Gradient Fill in Figma: Mastering Palettes for UI/UX Design

Buttons and Auto Layout in Figma: Streamlining Interactive Elements

Figma Components: Building Reusable Design Systems Efficiently

Styles in Figma: Creating Consistent Design Systems for UI/UX

Plugins and Widgets in Figma: Extending Functionality for Better Workflow

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Layout Grids, Rows, and Columns in Figma: Structuring Your Designs

Grid Theory in Figma: Designing for Precision and Consistency

Frames vs. Groups in Figma: Choosing the Right Structure

Constraints in Figma: Responsive Design Made Easy

Prototyping Basics in Figma: Creating Interactive User Flows

Variants in Figma: Streamlining UI Components for Efficiency

Component Properties in Figma: Enhancing Reusable Design Elements

Practice: Creating Different Buttons in Figma

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Wireframing in Figma: Laying the Foundation for a Great UI

Animating UI in Figma: Bringing Designs to Life

Designing a Mobile App in Figma: From Concept to Prototype

Finalizing the Design: Polishing Your UI for Development Handoff

Testing Your App Design: Ensuring a Seamless User Experience

Showcasing Your Work: Presenting Your Figma Projects

Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.

Photoshop Project Interface & Document Creation

Customizing Photoshop Workspace

Photoshop Key Terminology

Managing Transparency, Importing, and Cropping Images in Photoshop

Configuring Photoshop Preferences

Let's master selections in Photoshop, understand how layers work, and learn to use layer masks which is the first step toward making creative images.

Introduction to Selection Tools in Photoshop

Quick Selection & Lasso Tools in Photoshop

Refining Selections in Photoshop

Mastering Photoshop Layers

Layer Masks & Adjustment Layers in Photoshop

Learn how to remove unwanted objects or distractions from your images regardless of their size, change the appearance of some objects, and how to adjust the lights and colors of an image.

Healing Tools in Photoshop: Removing Blemishes and Imperfections

Using the Liquify Tool: Reshaping and Refining Image Details

Adjusting Light and Color with Levels and Curves in Photoshop

Dodge, Burn, and Sponge Tools: Enhancing Highlights and Shadows

Ready to get deeper into the art world of Photoshop? In this section, you'll learn more about colors, color theory, different types of brushes and patterns, how to create gradients and more!

Understanding Color Theory in Photoshop

Eyedropper Tool and Color Swatches

Using the Brush Tool in Photoshop: Digital Painting and Retouching

Applying Gradients and Patterns: Creating Depth and Texture in Designs

Now that we've learned most of the basic stuff with photoshop, it’s time to get creative and create some visuals.

Understanding Raster vs. Vector Graphics & Smart Objects in Photoshop

Mastering the Pen Tool

Type Tool for Text & Typography in Photoshop

Layer Blending Modes, Layer Styles, Filters and Smart Filters

Color Grading & Enhancement Using Camera Raw Filters

Since we've come to the end of the course. Let’s see how we can manage our workflow and keep everything organized.

Layer Alignments and Image Resizing

Working with Artboards, Units, Rulers, Guides, and Grids in Photoshop

Exporting Images and Managing Metadata for Optimized Files

Exploring New Photoshop Tools (July 2024 Update)

Final Photoshop Project: Applying Advanced Editing Skills

Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.

What is Illustrator?

Key Terminology

Project Setup & Interface

Artboards, Rulers, Guides, and Grids

Application Preferences

Let's start getting deeper into Illustrator and understand the difference between raster images and vector graphics, which will be our head start toward creating and managing objects & shapes.

Raster vs. Vector

Placing and Tracing Images

Shapes

Understanding Layers

Transformation, Alignment, and Distribution of Objects

Combining Shapes and Objects

Are you ready to dive deeper into Illustrator's art pool? In this section, you’ll learn more about manipulating shapes, color theory, how to create gradients and more!

Fill and Stroke Settings

Colors & Color Swatches

Gradients

Appearance Panel

It's time to learn how to draw any artwork from scratch and how to color them.

Drawing Tools

Additional Drawing Tools

Drawing Assistance Tools

Live Drawing Effects & Pattern Creation

Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.

Introduction to Brushes

Working with Masks

Type Tool & Working with Fonts

Advanced Techniques

Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.

Principles of Graphic Design

Presentation Mode & Selective Export

File Export Settings

Final Practice

Explore what design means, why it matters, and the impact it has on communication and problem-solving. Learn how different types of design shape experiences across fields, from digital products to print. Discover the role of research in guiding creative decisions and ensuring solutions meet user needs effectively.

What is Design?

Why Do We Need Design?

Different Types of Design

Basics of Research

Understand how lines, shapes, and forms structure visual layouts. Discover the importance of size, space, and format in creating balance. Learn how photography and illustrations contribute to storytelling, and apply Gestalt principles to guide perception, helping viewers connect elements into a cohesive and engaging whole.

Basics of Composition: Lines and Shapes

Composition Rules

Basic Principles of Design Layout

Size and Format

Photography and Illustrations

Gestalt Principles

Master the building blocks of strong design. Explore emphasis, balance, contrast, repetition, and proportion to create harmony and clarity. Learn how rhythm, movement, pattern, and hierarchy guide attention, while white space and variety bring breathing room and energy. Discover how unity ties everything together for impact.

The Core of Great Design

Dive into typography as a core element of design. Study type anatomy, spacing, and readability to improve communication. Learn how to select typefaces that match tone and purpose, and explore typographic hierarchy to establish order and meaning. Typography becomes a powerful tool to shape both style and clarity.

Meaning of Typography

Anatomy of Type

Understanding and Selecting Typefaces

Spacing

Readability

Typographic Hierarchy

Discover the language and systems of color, including RGB, CMYK, and Pantone. Explore color theory and harmony to create visually balanced work. Learn how contrast affects legibility, how color spaces define consistency across media, and how the psychology of colors influences emotions, branding, and perception.

Colors Terminology

Color System (Color Modes)

Color Theory

Color Legibility and Harmony

Color Space

Psychology of Colors

Boost your Tech Skills!

with up to 55% off

Features:

*Tracks not included in Pro plan

500+ Top-Rated coursesCutting-edge AI Copilot

Personalized study tracks40+ hands-on real-world projects

Without cancellation, before the selected discounted intro plan ends, I accept that Codefinity will automatically charge $104 every 3 months until I cancel. Learn more about cancellation and refund policy in Subscription Terms.

Recommended Courses and Projects

test photoshop course

test course

test design course

test code

TEST COURSE WITH ALL TYPES OF COLUMN CHAPTERS

test python course with 6 sections

TEST SHORT VIDEO COURSE

Course without tasks for flow test

Course for E2E testing

Test mobile outline course

Super course

TEST PYTHON CASE STUDY

In the world of business, making decisions based on hard data rather than intuition can be the key to success. This course focuses on one crucial technique: analyzing A/B test data. The centerpiece of the course is a project where you'll conduct a detailed analysis of an A/B test. This project, which you can showcase in your CV, is hosted on Codefinity, allowing you to continually refine it and demonstrate your growing expertise.

TEST FREE COURSE

description

Testing Video Player

Test e2e new task ui

Some

TEST COLUMN AI ASSISTANT PYTHON

description

Discover more Learning Tracks

track

TEST TRACK 12

Beginner

Full Stack Web Development

Beginner

Become a React Developer

Intermediate

Mastering Data Visualization (2023)

Intermediate

SQL from Zero to Hero 2023

Beginner

С++ Essentials

Beginner

Python from Zero to Hero 2024

Beginner

Machine Learning Mastery (2023)

Intermediate

Python Beyond Intermediate

Beginner

Game Development with Unity

Beginner

Become a Django Developer

Advanced

Flask for Dummies

Intermediate

Why People Choose Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Interactive coding environment

Jump into our interactive environment: write and run your code with real‑time feedback and success metrics—learn by doing at every step.

AI‑powered support

Leverage the built‑in AI assistant to explain errors, suggest fixes, or answer any question about your code—so you stay productive and never get stuck.

Check your progress

Wrap up each module with a quick quiz that delivers instant feedback, tracks your progress, and ensures you’ve mastered key concepts.

Promote your expertise

Earn your industry‑recognized certificate upon completion and share it on LinkedIn with one click—let your network see what you can do.

Trusted by Employees of Leading Companies
and Students from Top Universities

Full catalog access

One subscription opens up this course and our entire catalog of projects and skills.

Features:

500+ Top-Rated coursesCutting-edge AI Copilot

Personalized study tracks40+ hands-on real-world projects

Try Codefinity with confidence – 30-day money-back guarantee included

To welcome you to Codefinity, we're offering up to 64% off on our courses. Plus, we have a 30-day money-back guarantee, so you can try us out risk-free.We truly look forward to welcoming you to our platform and are committed to making your learning experience easy, interactive, and fun.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Instantly access 500+ courses

Unlimited Learning, Instant AccessGet full access to all courses and tracks, including video content, quizzes, and in-depth materials—start learning anytime.

Industry-Recognized CertificatesEarn certificates that validate your expertise and boost your career in tech, AI, data, marketing, and beyond.

AI-Assisted LearningGet personalized hints, real-time feedback, and AI-powered explanations to accelerate your progress.

Constantly Expanding: New Courses & Career TracksStay ahead with constantly updated courses, career roadmaps, challenges, and hands-on practice tests.

Build Skills That MatterMaster in-demand skills with courses in AI, data science, programming, marketing, automation, web development, and more.

Interactive & Seamless LearningEngage with hands-on projects, real-world exercises, and an intuitive learning experience — no extra tools needed.

What you will learn

TEST TRACK 12

Full Stack Web Development

Become a React Developer

Mastering Data Visualization (2023)

SQL from Zero to Hero 2023

С++ Essentials

Python from Zero to Hero 2024

Machine Learning Mastery (2023)

Python Beyond Intermediate

Game Development with Unity

Become a Django Developer

Flask for Dummies

Why People Choose Codefinity

Trusted by Employees of Leading Companies and Students from Top Universities

Full catalog access

Try Codefinity with confidence – 30-day money-back guarantee included

Instantly access 500+ courses

Trusted by Employees of Leading Companies
and Students from Top Universities