UI/UX Design Tools
Beginner
4.8
21 reviews
872 Learners
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
13
Learning hours
161
Assignments
AI Assistant
Shareable Certificate
Outcomes
Outcomes
Track content
Related courses and projects
Testimonials
Features
Pricing
Outcomes
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.
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.
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.
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.
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!
Now that we've learned most of the basic stuff with photoshop, it’s time to get creative and create some visuals.
Since we've come to the end of the course. Let’s see how we can manage our workflow and keep everything organized.
Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.
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.
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!
It's time to learn how to draw any artwork from scratch and how to color them.
Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.
Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.
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.
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.
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.
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.
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.
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
course
Introduction to Python
Python is a high-level, interpreted, general-purpose programming
language. Distinguished from languages such as HTML, CSS, and JavaScript, which are mainly
utilized in web development, Python boasts versatility across multiple domains, including
software development, data science, and back-end development. This course will guide you
through Python's fundamental concepts, equipping you with the skills to create your own
functions by the conclusion of the program.
4 hours
46 chaptersBeginner
709 STUDYING NOW
course
Introduction to SQL
This course is perfect for beginners ready to explore the world of SQL. Whether you're just starting out in database management or aiming to use SQL for your application development projects, this course covers the essentials. You'll quickly learn how to leverage the full potential of SQL, from querying and managing data to seamlessly integrating it into real-world applications. By the end of the course, you'll have the confidence and skills to solve practical problems with SQL and enhance your development process.
4 hours 41 chaptersBeginner
48 STUDYING NOW
course
Python Ninja
Welcome to the Python Ninja Course! This engaging and interactive course is designed to introduce you to the fundamentals of Python programming through a fun and educational game. You'll guide a ninja through various challenges, using Python to control movements and interact with objects like sushi. Starting with the basics, you'll learn how to navigate the map, pick up and place sushi, and gradually progress to more complex programming concepts such as functions, loops, and conditional statements. Each chapter offers hands-on practice to reinforce your learning, culminating in exciting challenges that test your skills. Whether you're a complete beginner or looking to sharpen your coding abilities, this course provides a comprehensive and enjoyable learning experience. Join us and become a coding ninja!
3 hours 34 chaptersBeginner
581 STUDYING NOW
course
Excel for Beginners
Dive into the world of Excel with this comprehensive video course, designed to take you from basic navigation to mastering functions and basic data analysis. Starting with foundational skills like data entry and cell formatting, you'll quickly progress to using powerful tools. Whether you're organizing large datasets, performing statistical analysis, or creating dynamic charts, this course equips you with the practical skills needed in today’s data-driven environment.
4 hours 42 chaptersBeginner
517 STUDYING NOW
course
Ultimate HTML
Learn the essentials of HTML, the backbone of every website. Structure content with tags and attributes, build clear document layouts, and add images, links, and tables. Create accessible, user-friendly forms for capturing input and interaction. Practice crafting well-structured, functional web pages while following best practices. Start your web development journey by mastering HTML.
4 hours 42 chaptersBeginner
62 STUDYING NOW
course
Java Basics
Learn the fundamentals of Java and its key features in this course. By the end, you'll be able to solve simple algorithmic tasks and gain a clear understanding of how basic console Java applications operate.
3 hours 37 chaptersBeginner
80 STUDYING NOW
course
Data Types in Python
Gain a solid understanding of Python's core data types and learn how to work with them effectively. Explore numbers, booleans, and strings through hands-on exercises and practical examples. Build confidence in performing basic operations and develop the foundational skills needed to write clean and efficient Python code.
3 hours 29 chaptersBeginner
70 STUDYING NOW
course
Python Data Structures
Explore the fundamental data structures of the Python programming language, including lists, dictionaries, tuples, and sets, and learn how to apply them effectively to solve real-world programming challenges.
3 hours 31 chaptersBeginner
80 STUDYING NOW
course
Introduction to JavaScript
Dive into the world of the most popular language for front-end development – JavaScript. JavaScript is a language built into almost every browser and can be used for a wide variety of tasks. Learn the basic functionality and prepare yourself for the challenges and more advanced programming techniques.
7 hours 75 chaptersBeginner
29 STUDYING NOW
course
C++ Introduction
Start your path to becoming a skilled developer by mastering the foundational principles of programming through C++. Whether you're starting from scratch or already have some coding experience, this course will provide you with the solid foundation needed to become a proficient developer and open the doors to a wide range of career opportunities in software development and engineering. Let's study C++!
2 hours 26 chaptersBeginner
140 STUDYING NOW
course
Intermediate SQL
This course is perfect for those who already have a basic understanding of SQL and want to delve into more advanced concepts to craft more powerful queries. Throughout the course, you will become familiar with data grouping and filtering grouped data. You will also learn how to work with multiple tables simultaneously, including how to combine them. Additionally, you will explore different types of table joins and how to apply them in practice.
3 hours 25 chaptersIntermediate
59 STUDYING NOW
course
Introduction to Pandas
Pandas is an extremely user-friendly library for data analysis. It's also designed to handle large datasets, using data structures like DataFrame and Series. This makes it an invaluable tool for Data Science. In this guide, you'll get acquainted with a range of statistical functions, including how to find correlations, modes, medians, and maximum and minimum values within a dataset. You'll also learn how to handle missing values and manipulate specific values, as well as how to remove them.
4 hours 33 chaptersIntermediate
55 STUDYING NOW
Discover more Learning Tracks
track
Web Development with C#
10 Courses
439 TasksBeginner
4.7
(3560)
track
SQL from Zero to Hero
7 Courses249 TasksBeginner
4.7
(3760)
track
С++ Essentials
6 Courses124 TasksBeginner
4.3
(1182)
track
Game Development with Unity
4 Courses164 TasksBeginner
4.4
(248)
track
Become a React Developer
4 Courses98 TasksIntermediate
4.3
(117)
track
Java Essentials
11 Courses459 TasksBeginner
4.5
(526)
track
Full Stack Web Development
7 Courses424 TasksBeginner
4.6
(1397)
track
Frontend Development Foundations
6 Courses387 TasksBeginner
4.6
(1332)
track
Mastering Data Visualization
5 Courses146 TasksIntermediate
4.6
(1015)
track
Machine Learning Mastery
7 Courses182 TasksIntermediate
4.5
(252)
track
C++ Mastery
4 Courses85 TasksAdvanced
4.5
(90)
track
Java Web
7 Courses279 TasksAdvanced
4.6
(1793)
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
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.
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
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.
