

Unsure where
to begin?
Track
Certificate
UI/UX Design Tools
5.0+
★★★★★
★★★★★
4 reviews
Beginner
By completing this track, you will gain the skills to design intuitive and visually appealing web and mobile interfaces using Figma, apply essential UI/UX principles to enhance user experience, and efficiently work with Adobe Photoshop and Illustrator for high-quality graphics and design elements. These tools and techniques will help create professional, user-friendly digital products that engage and retain users.
Figma
Photoshop
Illustrator
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
- Understand core design principles, including layout, typography, color theory, and composition
- Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
- Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
- Learn to create professional vector graphics, including logos, icons, and illustrations
- Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects
- 92 chapters
- 10 hours
- 119 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / UI/UX Design with Figma
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 ElementsPreview
- Using Groups in Figma: Structuring and Nesting Objects EfficientlyPreview
- Shapes in Figma: Creating and Customizing Design ElementsPreview
- Alignment of Objects in Figma: Precision and Layout OptimizationPreview
- Pen Tool in Figma: Creating Custom Shapes and Vector GraphicsPreview
- Figma Version History: How to Track and Restore ChangesPreview
- Type Tool in Figma: Adding and Styling Text for UI/UX DesignPreview
- Fonts in Figma: Choosing and Applying Typography EffectivelyPreview
- Typographic Hierarchy in Figma: Enhancing Readability and UI DesignPreview
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 MediaPreview
- Using Masks in Figma: Clipping and Layering for Advanced VisualsPreview
- Blend Modes in Figma: Creating Stunning Effects and OverlaysPreview
- Color and Gradient Fill in Figma: Mastering Palettes for UI/UX DesignPreview
- Buttons and Auto Layout in Figma: Streamlining Interactive ElementsPreview
- Figma Components: Building Reusable Design Systems EfficientlyPreview
- Styles in Figma: Creating Consistent Design Systems for UI/UXPreview
- Plugins and Widgets in Figma: Extending Functionality for Better WorkflowPreview
Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.
- Layout Grids, Rows, and Columns in Figma: Structuring Your DesignsPreview
- Grid Theory in Figma: Designing for Precision and ConsistencyPreview
- Frames vs. Groups in Figma: Choosing the Right StructurePreview
- Constraints in Figma: Responsive Design Made EasyPreview
- Prototyping Basics in Figma: Creating Interactive User FlowsPreview
- Variants in Figma: Streamlining UI Components for EfficiencyPreview
- Component Properties in Figma: Enhancing Reusable Design ElementsPreview
- Practice: Creating Different Buttons in FigmaPreview
Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.
- Wireframing in Figma: Laying the Foundation for a Great UIPreview
- Animating UI in Figma: Bringing Designs to LifePreview
- Designing a Mobile App in Figma: From Concept to PrototypePreview
- Finalizing the Design: Polishing Your UI for Development HandoffPreview
- Testing Your App Design: Ensuring a Seamless User ExperiencePreview
- Showcasing Your Work: Presenting Your Figma ProjectsPreview
Module 2 / Adobe Photoshop Mastering
Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.
- Introduction to Adobe Photoshop: Overview and CapabilitiesPreview
- Photoshop Key TerminologyPreview
- Setting Up a Project in Photoshop: Interface and Document CreationPreview
- Customizing Photoshop WorkspacePreview
- Managing Transparency, Importing, and Cropping Images in PhotoshopPreview
- Configuring Photoshop PreferencesPreview
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.
- Layer Alignments and Image ResizingPreview
- Working with Artboards, Units, Rulers, Guides, and Grids in PhotoshopPreview
- Exporting Images and Managing Metadata for Optimized FilesPreview
- Exploring New Photoshop Tools (July 2024 Update)Preview
- Final Photoshop Project: Applying Advanced Editing SkillsPreview
Module 3 / Adobe Illustrator Fundamentals
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. Ready to create some digital art?
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.
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
The main thing is to learn and not give up
The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....
Matteo Comune
Thanks to them I'm learning a lot…
Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...
Yuliana Cadavid
great course for beginners
great course for beginners, they test your knowledge in every lesson...
Elpunzon
I am enjoying my Codefinity experience…
I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...
Alexandru Alexandru
Is nice to learn from codefinity
Is nice to learn from codefinity. Its easy and have good examples on what I learned here...
jacob Templet
Easy to follow along with and provides…
Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...
Elan
Codefinity is a comprehensive learning…
Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...
Thibault
First time learning how to code
First time learning how to code and successfully doing so with codefinity - thank you...
Adrien Morel
Well designed for total beginners
Well designed for total beginners, incremental progress and makes me feel confident....
_Gracy
it's simply perfectly well explained
it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...
Ruslan Kravchuk
The main thing is to learn and not give up
The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....
Matteo Comune
Thanks to them I'm learning a lot…
Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...
Yuliana Cadavid
great course for beginners
great course for beginners, they test your knowledge in every lesson...
Elpunzon
I am enjoying my Codefinity experience…
I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...
Alexandru Alexandru
Is nice to learn from codefinity
Is nice to learn from codefinity. Its easy and have good examples on what I learned here...
jacob Templet
Easy to follow along with and provides…
Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...
Elan
Codefinity is a comprehensive learning…
Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...
Thibault
First time learning how to code
First time learning how to code and successfully doing so with codefinity - thank you...
Adrien Morel
Well designed for total beginners
Well designed for total beginners, incremental progress and makes me feel confident....
_Gracy
it's simply perfectly well explained
it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...
Data Engineer
Certificate of Completion
Showcase your newly acquired skills. You've earned it
Discover more
Learning tracks
Only for Ultimate
7 Courses
293 Tasks
Only for Ultimate
6 Courses
169 Tasks
Only for Ultimate
4 Courses
115 Tasks
Only for Ultimate
6 Courses
101 Tasks
Only for Ultimate
4 Courses
143 Tasks
Only for Ultimate
5 Courses
119 Tasks
Only for Ultimate
3 Courses
39 Tasks
Only for Ultimate
4 Courses
96 Tasks
Only for Ultimate
7 Courses
377 Tasks
Only for Ultimate
2 Courses
1 Project
65 Tasks
Only for Ultimate
7 Courses
320 Tasks
Only for Ultimate
6 Courses
283 Tasks
Only for Ultimate
5 Courses
146 Tasks
Only for Ultimate
5 Courses
123 Tasks
Only for Ultimate
3 Courses
71 Tasks
Only for Ultimate
6 Courses
229 Tasks
Only for Ultimate
5 Courses
213 Tasks
Only for Ultimate
4 Courses
125 Tasks
Only for Ultimate
3 Courses
75 Tasks
Learning tracks
track
Web Development with C#
Beginner
4.8
(2306)
track
Python from Zero to Hero
Beginner
4.7
(8155)
track
SQL from Zero to Hero
Beginner
4.7
(2541)
track
С++ Essentials
Beginner
4.5
(440)
track
Game Development with Unity
Beginner
4.7
(66)
track
Become a React Developer
Intermediate
4.6
(63)
track
Excel Essentials
Beginner
4.7
(254)
track
Data Analyst Foundation
Beginner
4.8
(2415)
track
Java Essentials
Beginner
4.7
(181)
track
Python Beyond Intermediate
Beginner
4.7
(58)
track
Full Stack Web Development
Beginner
4.7
(823)
track
Frontend Development Foundations
Beginner
4.7
(792)
track
Mastering Data Visualization
Intermediate
4.7
(529)
track
Supervised Machine Learning
Intermediate
4.6
(120)
track
C++ Mastery
Advanced
4.8
(16)
track
Java Web
Advanced
4.7
(1131)
track
Become a QA Engineer
Beginner
4.7
(691)
track
Video Production with Adobe
Beginner
5.0
(5)
track
Essential Office Skills
Beginner
4.8
(202)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
---|---|---|
85+ Top-Rated courses | ||
Completion certificates | ||
AI-Assistant in all courses | ||
20+ hands-on Real-world projects | ||
Personalized study tracks | ||
Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams