Andrija Prelec Ultimate UI Design Mastery Bundle Review 2026Andrija Prelec Ultimate UI Design Mastery Bundle is a complete UI design package with 45+ hours of video, from Figma basics to colors, typography and design foundations. Get it on Courses On Budget with fast delivery and lifetime access. Courses On Budget
Andrija Prelec Ultimate UI Design Mastery Bundle Overview
Andrija Prelec Ultimate UI Design Mastery Bundle is built to fast-track your path to UI design mastery. It aims to help you design pixel-perfect web and app interfaces with confidence, and it bundles several of Andrija Prelec’s courses into a single package of more than 45 hours of video.
The bundle includes UI Design Foundations, The Ultimate UI Colors Masterclass, The Ultimate UI Typography Masterclass, the Advanced Figma Video Course with the Let’s Design Together add-on, and the Beginner Figma Video Course. Together they cover principles, color theory, typography, UI elements, grids and layouts, design systems and prototyping.
Digital downloads add three PDF guides, and bonus materials include 100+ Figma plugins, 100+ Figma shortcuts, several .fig project files and a UI Basics Kit. In total the package contains 277 video files and 379 files, so Andrija Prelec Ultimate UI Design Mastery Bundle works as a full self-paced curriculum.
All Design Courses on Courses On Budget
Course Snapshot: Andrija Prelec Ultimate UI Design Mastery Bundle
| Author | Andrija Prelec |
| Category | Design Courses |
| Topic | UI design and Figma |
| Contents | 277 video files, 379 files total |
| Video length | 45+ hours |
| Delivery | Fast delivery |
| Access | Lifetime access |
| Payment | Cryptocurrency |
| Language | English |
How It Works
1
Pick your course
Check the details below and make sure the course fits your goals.
3
Fast delivery
Files are delivered fast after payment. Lifetime access, no subscription.
4
One-time price
Pay once and keep the files. No subscription.
What You Learn in the Ultimate UI Design Mastery Bundle
- UI design principles, color theory and typography
- Practical color application in Figma, including dark UI design
- Font selection, pairing and contextual typesetting
- Beginner Figma: interface, core features and prototyping basics
- Advanced Figma: auto-layout, styles, components and design systems
- Grids, layouts, UI elements and visual assets
- Prototyping and collaboration, plus hands-on design projects
- Career guidance and interview preparation resources
Course Contents: Andrija Prelec Ultimate UI Design Mastery Bundle
Click a module to open its lesson list.
Digital Downloads · 5 files
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Essential UX & UI Job interview Handbook
- Essential UX UI Job Interview Handbook 2
The Ultimate UI Elements Guide
- (Compressed) The Ultimate UI Elements Guide
- The Ultimate UI Elements Guide
The Ultimate UI Design Resources List
- (Compressed) The Ultimate UI Design Resources
- The Ultimate UI Design Resources
UI Design Foundations · 55 videos
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Bonus Files
Common UI Design Mistakes
- (HQ) Common UI Design Mistakes
Products to Analyze
- (HQ) Products to Analyze
UI Design Project Kick-off Questionnaire
- (HQ) Project Kick-off Questionnaire
Starter UI Color Palette
- (HQ) Starter UI Color Palette
Starter UI Type Pairings
- (HQ) Starter UI Type Pairings (Free Typefaces)
UI Design Glossary
- (HQ) User Interface Design Glossary
The Ultimate UI Design Resources
- (Compressed) The Ultimate UI Design Resources
Welcome
- Welcome to the Course
- Make Your Learning a Success
Introduction to UI Design
- What is UI Design
- Role of a UI Designer
- Overview of UI Design Tools
- Difference Between UI and UX Design
- UI Design Process
- Examples of Effective UI Design
UI Design Principles
- Shapes
- Alignment
- Consistency
- Simplicity
- Sizes
- Accessibility
- Lights & Shadows
- Opacity & Blur
- Contrast
- Visual Hierarchy
Color
- Color Basics
- Color Tips & Tricks
Typography
- Typography Basics
- Typography Tips & Tricks
Visual Assets
- Vector & Raster Graphics
- Iconography
- Illustrations
- Photos
Resources
- Resource
Common UI Elements
- Buttons
- Input Elements & Forms
- Navigation
- Modals
- Cards
- Lists
- Details Screens
- Tables
- States
Resources
- Resource
Grids & Layouts
- Spacing
- Grid Basics
- Grid Tips & Tricks
- Layout Basics
- Responsive Design
Resources
- Resource
Devices & Platforms
- Websites
- Web Apps
- Mobile Apps
- Other
Resources
- Resource
UI Design Foundations Demo Videos
- UI Design Foundations Demo (Part 1)
- UI Design Foundations Demo (Part 2)
- UI Design Foundations Demo (Part 3)
UI Design Tips & Tricks
- How to Build Your UI Taste
- Finding and Documenting Design Inspiration
- How to Design Above Your Level
- Approaching UI Design Projects
- Setting Design Direction
- Dealing with Design Blocks
- Career Tips & Tricks
Resources
- Resource
Final Thoughts
- Congratulations
The Ultimate UI Colors Masterclass · 37 videos
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Introduction
- Start Here
- Make Your Learning a Success
Resources
Assignments File
- Assignments.fig
Foundations
- Why Color Matters
- Hue, Saturation, and Brightness
- Hue, Saturation, and Brightness (Demo)
- Shades, Tints, and Tones
- How and Why to Group Colors
- Color Systems Overview
- Perceived Brightness
- Perceived Brightness (Demo)
- Accessibility
- Color Harmonies
- Color Psychology
Resources
Bonus Files (3)
- (Compressed) Color Glossary
- (Compressed) Color Harmonies
- (Compressed) Color Psychology
Working with Color
- Working with Color in Figma (Demo)
- Primary and Interactive Colors
- Accent Colors
- Status (Semantic) Colors
- Structural (Neutral) Colors
- Grey and Almost Greys
- Grey and Almost Greys (Demo) Part 1
- Grey and Almost Greys (Demo) Part 2
- You Need More Shades Than You Think
Color Mastery
- UI Color Palettes
- Creating a UI Color Palette (Demo) Part 1
- Creating a UI Color Palette (Demo) Part 2
- Context Matters
- Modifying Colors (Demo)
- Fixing Clashing Colors (Demo)
- Gradients
- Gradients (Demo)
- Hard Colors to Work With (Demo)
- Dark UI
- Dark UI (Demo)
- Common Mistakes
- Breaking the Rules
Resources
Bonus Files (5)
- (Compressed) 50 Color Tools & Resources
- (Compressed) Choosing Colors Questionnaire
- (Compressed) Color in UI Design Cheat Sheet
- (Compressed) Common Color Mistakes Cheat Sheet
- (Compressed) Ready-to-go Color Palettes
Final Thoughts
- Main Takeaways
- Congratulations
The Ultimate UI Typography Masterclass · 35 videos
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Introduction
- Start Here
- Course Overview
Resources
Foundations
- Why Typography Matters
- Historical Overview of Type
- Type Dictionary
- Type Classifications
- Additional Type Characteristics
- Font Aspects
- Aesthetics and Personality
Resources
Bonus file
- (Compressed) All About Typography (Glossary)
Choosing Fonts
- How to Choose Fonts
- How to Pair Fonts
- Choosing and Pairing Fonts Demo
Resources
Bonus Files
- (Compressed) Excellent UI Typefaces
- (Compressed) How to Choose Typefaces Questionnaire PDF
- (Compressed) How to Pair Typefaces Cheat Sheet PDF
- (Compressed) Reliable UI Type Pairings
- (Compressed) Typography Kickstart File
Context and Typesetting
- How Context Affects Type
- Body Text
- Headings and Subheadings
- Button Text
- Labels, Captions, and More
- Tables and Data
- Icon and Web Fonts
Resources
Practical Typography
- Ensuring Visual Hierarchy and Rhythm
- Type Scales
- Typography in Figma
- Typography for Mobile App UIs
- Typography for Web App UIs
- Typography for Responsive Website UIs
- Typography for Other Project Types
Resources
Type Mastery
- Analyzing Typefaces
- Best Practices
- Naming Conventions and Style Documentation
- Breaking the Rules
- Studying the Work of Other Designers (Dribbble)
- Studying the Work of Other Designers (Real products)
- Common Mistakes
Resources
- CSS
Bonus Files
- (Compressed) Awesome Typography Websites PDF
- (Compressed) Common Typography Mistakes PDF
- (Compressed) Superior Type Foundries
- (Compressed) Type Rendering Problem Solution
Final Thoughts
- Main Takeaways
- Congratulations
Advanced Figma Video Course + Let’s Design Together Add-on · 110 videos
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Introduction Videos and Course Files
- Thank You and Welcome!
- Who is This Course for
- Playback, Captions, and Video Speed
- Prerequisites
- How to Get the Most Out of the Course
- Assignments Overview and Tips (Don’t Skip)
- Using Plugins in Figma (Artboard Studio Demo)
- Module Assignments Solutions
- Test Your Knowledge Assignments Solutions
- 2023 Figma Features Update
Resources
100+ Must-have Figma Plugins
- (Compressed) 100+ Must-have Figma Plugins
- (HQ) 100+ Figma Plugins
100+ Must-know Figma Shortcuts
- (Compressed) 100+ Figma Shortcuts
- (HQ) 100+ Figma Shortcuts
Course Demo File and Assignments File
- Assignments v2.fig
- Demos.fig
- NEW – Assignments.fig
- NEW – Demos.fig
UI Basics Kit for Any Type of Project
- Resource
- Supercharge Design UI Basics Kit.fig
Advanced Layers and Shapes
- Introduction to Advanced Layers and Shapes
- Analyzing Designs with Figma in Mind
- Layers, Groups, and Frames
- Everything’s a Box
- Keeping Layers in Place
- Positioning and Constraints
- Repositioning and Spacing Tips
- Advanced Shape Manipulation
- Advanced Masking
- Module Assignments Solutions
- Final Module Assignment 1 Solution
- Final Module Assignment 2 Solution
- Final Module Assignment 3 Solution
Resources
- Resource
Iconography in Figma
- Introduction to Iconography in Figma
- Vectors and Rasters
- Analyzing Icons
- Benefits of Using an Icon Grid
- What to Consider
- Modifying Icons
- Creating Icons (Part 1)
- Creating Icons (Part 2)
- Module Assignments Solutions
- Final Module Assignments Guide
Using Photos and Illustrations in Figma
- Introduction to Using Photos and Illustrations in Figma
- Tips on Finding Assets
- Adding Assets to Figma
- Copying Frames as PNGs
- How to Pick Visuals
- Using Images in Your Designs
- Adjusting Images and Blend Modes
- Adjusting Illustrations
- Module Assignments Solutions
- Final Module Assignment
Resources
- Resource
Grids and Layouts
- Introduction to Grids and Layers
- Grid Basics
- Controling Grids in Figma
- Mobile Grids
- Tablet Grids
- Desktop Grids
- Figma Grids Tips and Tricks
- Module Assignments Solutions
- Final Module Assignment Guide
Practical Auto-layout
- Introduction to Practical Auto-layout
- Auto-layout Basics
- Advanced Auto-layout
- Follow Along – Mobile App Bottom Sheet
- Follow Along – Table
- Module Assignment Solutions – Part One (Basics)
- Module Assignment Solutions – Part Two (Mastery)
- Module Assignment Solutions – Part Three (Mastery)
- Final Module Assignment Solution
Figma Styles
- Introduction to Figma Styles
- Color (Fill) Styles
- Text Style
- Effect Styles and Tips
- Module Assignment Solutions
Components and Variants
- Introduction to Components and Variants
- Component Basics and Strategy
- Variants and Properties
Design System Basics with Figma
- Introduction to Design System Basics with Figma
- Scalable Color Palettes
- Assignment Speed Through
- Scalable Typography
- Scalable Spacing System
- Elevation as a Foundational Element
- Iconography
- Creating Buttons
- Buttons Assignment Solution Walkthrough
- Input Fields and Dropdown Fields
- Input Fields Assignment Solution Walkthrough
- Selection Controls
- Selection Controls Solution Speed Through
- Design System Example Walkthrough
- Using a Design System
- Final Tips and Tricks
Resources
- Buttons Assignment
- Colors Assignment
- Input Fields Assignment
- Selection Controls Assignment
- Typography Assignment
Advanced Prototyping in Figma
- Introduction to Advanced Prototyping in Figma
- Detailed Overview of Smart Animate
- Transitions, Delays, and Clever Prototype Planning
- Hovers, Overlays, and Prototyping with Components
- Module Assignment Solutions – Part One (Basics)
- Module Assignment Solutions – Part Two (Mastery)
- Final Module Assignments Solutions
Teamwork and Figma Organization Tips and Tricks
- Introduction to Teamwork and Figma Organization- Tips and Tricks
- Important Collaboration and Sharing Tips
- How to Organize Figma Teams, Projects, and Files
- File Thumbnails
- File Organization Best Practices
- Collaboration and Comments
- How to Name Screens
- Miscellaneous Assignments Solutions
Let’s Design Together Add-on
- Introduction to ‘Let’s Design Together’ Add-on
- B – Responsive Web (Tablet)
- C – Responsive Web (Desktop)
- A – Responsive Web (Mobile) – Supercharge Design
- A – Mobile App (Hybrid, iOS)
- B – Mobile App (Hybrid, Android Adjustments)
- iPad App
- Wearable (Apple Watch) App
- Web App (Dashboard)
Resources
Downloads (.fig)
- Doggy Daycare Library · Advanced Figma Video Course (Edited).fig
- Doggy Daycare Library · Advanced Figma Video Course (Original).fig
- Let-s Design Together · Advanced Figma Video Course.fig
- Resource
Beginner Figma Video Course · 40 videos
Lessons in this Andrija Prelec Ultimate UI Design Mastery Bundle module:
Introduction
- Thank You and Welcome!
- Why Figma
- What is UX-UI design
Resources
- How to get the most out of the course
Getting Around
- Pricing Options and Download
- Starter Plan Limitations
- Main Interface
- Working with Projects
Resources
- Assignment
A Single File Overview and Main Features
- File and View Settings
- Menu Options
- Layers, Groups and Frames
- Shapes
- Boolean Operations
- Masks
- Pen Tool
- Text
- Chapter Assignment Solution
Resources
- Chapter Assignment
Design Panel
- Positioning
- Width and Height
- Rotation, Border Radius and Right Click
- Additional Options Based on Shape Selected
- Lines, Opacity and Stroke Settings
- Type Settings
- Colors, Fills, Imagery and Blend Modes
- Text Styles
- Grids and Layouts
- Effects
- Auto-layout Basics
- Chapter Assignment Solution
Resources
- Chapter Assignment
Collaborative Features
- Collaboration and Comments
- Multiple Designers Demo
- Inspect Panel
- Exporting
- Version History
- Figma Community
- Plugins
Other Aspects of Figma
- Prototyping Basics
- Mirroring
- Additional Menu Options, Alignment and Distribution
Bonus Materials
- FigJam Basics
- Watch Me Design- Mobile App Screen
100+ Must-have Figma Plugins
- (Compressed) 100+ Must-have Figma Plugins
- (Compressed) 100+ Must-have Figma Plugins 2
- (HQ) 100+ Figma Plugins
100+ Must-know Figma Shortcuts
- (Compressed) 100+ Figma Shortcuts
- (Compressed) 100+ Figma Shortcuts 2
- (HQ) 100+ Figma Shortcuts
A discount coupon is available for all courses.
Open the Coupons page to get your discount
Who Is the UI Design Mastery Bundle For?
Best for: Aspiring and working designers who want one complete UI and Figma learning package.
- Beginners starting UI design from scratch
- Designers moving from beginner to advanced Figma
- Designers who want to improve color and typography skills
- Job seekers preparing for UX and UI interviews
✓ Pros
- Five courses in one bundle with 45+ hours of video
- Covers both beginner and advanced Figma
- Dedicated colors and typography masterclasses
- Includes PDF guides, Figma plugins, shortcuts and .fig project files
- Lifetime access and fast delivery
✗ Cons
- Self-paced digital files, no live coaching included
- Large package, so it takes time to work through
- Content is in English
Andrija Prelec Ultimate UI Design Mastery Bundle FAQ
What is Andrija Prelec Ultimate UI Design Mastery Bundle?
It is a bundle of UI design courses by Andrija Prelec that includes UI Design Foundations, UI Colors and Typography masterclasses, and beginner and advanced Figma courses.
What does Andrija Prelec Ultimate UI Design Mastery Bundle include?
More than 45 hours of video (277 video files, 379 files in total), three PDF guides, 100+ Figma plugins, 100+ Figma shortcuts, Figma project files and a UI Basics Kit.
How is the course delivered?
You get fast delivery after payment, lifetime access, and you pay in cryptocurrency. No account is needed.
Is a discount available?
Yes. A coupon is available on the Coupons page of Courses On Budget, so check it before you pay.
Final Verdict — Andrija Prelec Ultimate UI Design Mastery Bundle
Andrija Prelec Ultimate UI Design Mastery Bundle packs foundations, colors, typography and both beginner and advanced Figma into one download. With fast delivery, lifetime access and cryptocurrency payment, it is a practical way to build UI design skills. Get it now on Courses On Budget.
Andrija Prelec Ultimate UI Design Mastery Bundle · Courses On Budget
Browse the category: Design Courses
Course list: Design Courses – Cheap List
New courses and updates: Updates
How to pay: How to pay on site
External resource: User interface design on Wikipedia
Reviews
There are no reviews yet.