
Design a five-page UPI payment app in Figma by completing the first assignment: create a design file, add briefing and task-flow images, and upload screenshots.
Learn to enhance a Figma design with plugins, install and use iconify to add search and notification icons. Practice grouping versus frames while organizing the added icons.
Create your first level one animation using Smart Animate in Figma, connecting three keyframes of your wireframe to form prototype with easing options such as ease in and ease out.
Discover how to craft a consistent color palette for ui/ux design using primary, secondary, and tertiary colors, grayscale scales, and contrast checks, inspired by mood boards and color hunt.
Master typography in Figma by loading desktop and Google fonts, configuring sizing, kerning, alignment, and auto width/height, and exploring font pairings and the golden ratio.
Explore gradients in Figma by crafting linear, radial, angular, and diamond gradients, mixing multiple colors, adjusting rotation and positions, and copying hex codes from gradient.com for polished palettes.
Explore scrolling in Figma with auto layout and clipping to build a responsive highlight section, featuring a fixed navigation and prototyping of horizontal and vertical scrolling.
This course is constantly updated with new lessons and resources to keep you on top of the latest trends and techniques in UI/UX design!
Are you ready to dive into the world of UI/UX design and bring your creative ideas to life ?
Well Hi! If you’ve ever wondered how to create beautiful, user-friendly websites and apps, you’re in the right place. As this course is perfect for beginners who want to start a career in UI/UX design or refine their web design skills. Whether you're new to design or want to master Figma, this step-by-step guide will take you from the basics to advanced techniques.
We’ll start by understanding UI/UX design—what it is, why it matters, and how it affects user experience. Then, you’ll dive into practical skills like:
Wireframing and prototyping: Learn how to plan, create, and visualize your designs.
Autolayout: Build responsive designs with ease.
Components & Variants: Create reusable design elements to streamline your workflow.
Micro-interactions: Add delightful, small animations to enhance user experience.
Design Systems: Organize your design process for consistency and efficiency.
Color Palettes & Typography: Choose the right colors and fonts to make your designs stand out.
Custom Icons & UI Components: Craft unique elements that reflect your design style.
Plugins: Use free tools to boost your design workflow.
Collaboration: Learn how to share designs with clients and developers effectively.
Exporting Files: Prepare your designs for development and client handoff.
Throughout the course, you'll work on assignments to build your skills and create a portfolio-ready design. You'll gain confidence in creating UI/UX projects, share your work with developers, and collaborate with others. By the end of the course, you’ll have practical knowledge of Figma and a deep understanding of UI/UX design principles to help you take on real-world design challenges.
No prior experience is needed—just bring your enthusiasm to learn. You’ll also have access to downloadable resources, Figma files, and helpful tips along the way. Start your UI/UX design journey with Figma today and take the first step towards your design career!