课程详情

Welcome to Figma Essentials with Chetan Pujari!Embark on a journey to master UX Design using Figma, the ultimate UI/UX design tool. Whether you're new to design or eager to delve deeper into User Experience, this course is your gateway to success.Starting from the basics, we'll guide you through crafting compelling User Interfaces and dynamic prototypes, while addressing client expectations head-on.Here's what's in store:Dive into the fundamentals: Understand the brief and work with UX personas.Design with precision: Create sleek wireframes and master color and image implementation.Perfect your typography: Learn the art of font selection for web and mobile apps.Craft custom components: Design icons, buttons, and other UI elements tailored to your project.Decipher advanced concepts: Explore components, constraints, and multi-dimensional variants with ease.Boost productivity: Utilize free UI kits and plugins to streamline your workflow.Create consistency: Develop a style guide for seamless client handoff.Elevate your designs: Master micro-interactions, page transitions, and animations.Bring your prototypes to life: Build fully interactive prototypes from start to finish.Collaborate effectively: Work with team members and prepare files for developers.Throughout the course, we'll focus on Figma while providing insights into real-world UX projects and industry practices. Plus, assignments will hone your skills and empower you to create a standout portfolio.Ready to transform from Figma Zero to Figma Hero? Let's upgrade your UX Design journey today.The course provides over 100 assets and premium design templates, ensuring you have everything you need for your future projects. Rest assured, this is the ultimate online hub for honing your Design skills!Get ready for a hands-on journey from beginner to professional Designer, where we guide you through crafting polished designs and transforming them into fully functional websites or apps.Here's what you'll learn in the course. Section 1 GETTING STARTEDFrames & Design file in Figma Design(Interface)UI vs. UX in Figma Design Magic ExplainedBuild Apps & Websites You'll Love (In This Figma Course)Figma to Code Design Stunning Interfaces Without Writing a LineLearn UX Briefs & Task Flows in FigmaSection 2: Wireframing: Fundamentals and Best PracticesLo-Fi vs Hi-Fi Wireframes Design ShowdownSection 3: Mastering Typography, Color, and IconsFigma Text Tool and FontsFigma Basics How To CREATE And MODIFY SHAPESHow to Choose and Use Colors in FigmaStrokes & updating default properties in FigmaWhat is Object Editing Mode & How to Use It? In FigmaHow to Use The Scale Tool And Selection in FigmaFigma groups and frames for better UI designsBest Free Icon Set Packs for UIUX DesignersIcon Basics In FigmaHow To Install And Use Plugins in FigmaSection 4: Creating Pages in FigmaHow To Create And Use Pages In Your Figma FileSection 5: Introduction to Prototyping in Figma: A Beginner's GuideFigma Prototyping for BeginnersFigma Prototyping & Transitions (Easing)Figma Testing Prototype with Figma MirrorSection 6: Figma Animation BasicsFigma Smart Animate for BeginnersSection 7: Collaborate with Others: Sharing, Commenting, and Editing in FigmaSection 8: The Ultimate Guide to Creating Moodboards in FigmaWhat Are Mood Boards & The SECRET To Finding Inspiration For Web & App DesignHow To Create A Mood Board In FigmaSection 9: Mastering Columns & Grids in FigmaCreate a Responsive Grid System for Web & UI DesignFigma: Essential Tips and TricksSection 10: The Ultimate Guide to Using Colors in FigmaHow to Choose Colors (Color Inspiration)How I Make UI Color Palettes In Figma How To Create Gradients in FigmaCreating a Color System in FigmaThe easiest way to generate a color palette in Figma (Using Plugins)Section 11: Mastering Text and Fonts in FigmaBest Practices for Choosing Fonts and Font Pairing in UI and Web DesignCreate the Perfect Typography Scale for UI & Web ProjectsThe fastest way to create text styles in FigmaHow to add lorem ipsum text in FigmaUseful Text Tips & Tricks in FigmaHow to add fonts in Figma and How TO Add missing fonts in FigmaSection 12: Figma's Drawing ToolsFigma Pen Tool Basics & Vector NetworksWhy are the Apple icons different (corner smoothing)Section 13: Figma Essentials: Working with Boolean OperationsFigma Boolean Operations (Union, Subtract, Intersect, Exclude)Figma's Power Duo When to Use Union and When to FlattenHow to Use Smart Selection and Tidy Up in FigmaSection 14: Figma Essentials: Working with Images and AssetsPlacing images in FigmaFigma Masks (Mask Image and Text in Figma)Figma images Plugins for UIUX DesignersSection 15: Figma Essentials: Mastering Auto Layout and ConstraintsAuto Layout And Constraints In FigmaFigma Auto Layout Space Between ObjectsFigma Constraints & Resizing Made SIMPLENest Frames, Auto Layout, And Constraints In FigmaAdvanced Auto Layout Techniques - FigmaSection 16: Figma Essentials: Working with EffectsHow to Make Beautiful Shadows - UI Design with FigmaHow to Create Background Blur and Layer Blur in FigmaSection 17: Figma Essentials: Understanding Saving and Version HistoryHow To Save Your Figma Files To Desktop and How To Access Figma File's HistorySection 18: Figma Essentials: Understanding Components and Creating InstancesFigma Components - The BasicsUpdate, Change, Edit, And Reset Components In FigmaDeleting the main components in Figma is impossible (Tips & Tricks of components)Moving main components and how to Organize Your ComponentsFigma Best Practices Name Layers & Stay OrganizedSection 19: Figma Essentials: Exploring the Power of VariantsFigma components and variants for beginnersFigma Component propertiesSection 20: Figma Essentials: Mastering Input Form Design and FunctionalityHow to Design an Interactive Input Field in FigmaHow to design a Notification UI design in FigmaSection 21: Advanced Prototyping Techniques in FigmaHow to Add Popup Overlays in FigmaHow To Create a TOOLTIP (Hover to Show Text) Component in FigmaHow to Create Multiple Prototypes & Create Separate Flows on One Figma Page.Prototyping overlay transitions in Figmaticky Scroll In FigmaHow to Create Auto Scrolling Animation in FigmaSection 22: Figma Essentials: Working with Teams and Project ManagementThe difference between Teams, Projects and PagesSection 23: Figma Essentials: Understanding and Using LibrariesFigma Create a shareable team librarySection 24: Animation and Micro Interactions in FigmaAnimation VS Micro Interaction In FigmaAmazing Button Animations in FigmaMicro animations using interactive components in FigmaFigma Prototype easing & spring animationsPulsing animation in FigmaSection 25: Figma ThumbnailsHow do I set a project thumbnail or cover in Figma?Section 26: Master Figma Export: A Step-by-Step GuideHow to Export Your Figma Design as an Image (PNG, JPG, SVG, PDF)How to Hand-off your UX designs like a PROIntroduction to design systems resources and inspirationsSection 27: Let's Build Real-World UIUX ProjectIntro - Real-world projects With FigmaReal World UIUX Project 2 StayWaveReal World UIUX Project 3 Food Delivery AppReal World UIUX Project 4 Music AppReal World UIUX Project 5 DIYWe'll equip you with the skills to command premium rates for your expertise, transcending the race for low-paying gigs on generic freelancing platforms. Our aim is to empower you with the capabilities of a seasoned designer while guiding you through the creation of a tangible product for your portfolio. This course isn't merely about passive learning; it's about empowering you to transition from a novice to a sought-after designer capable of securing lucrative opportunities. Unlike fleeting technical skills, design prowess remains timeless. While trends may shift, the foundational principles you'll master here will remain relevant for years to come.

课程标签

0人关注该课程

主题相关的课程