The Complete 2025 UI/UX Design Journey with Figma.

Master alignment, contrast, balance, and spacing to guide user attention and ensure readability. Learn to reference existing designs, apply white space effectively, and create clear, balanced interfaces.

Focus on user needs by researching how users currently solve problems, identifying pain points, and iterating with feedback to deliver simple, usable design.

Explore module three of the ui ux journey with figma to learn how figma works, install figma, and set up the figma project files for your assignments.

Explore how Figma, a UI/UX design tool, streamlines workflows, unlike Photoshop or Illustrator, and learn to sign up and start your UI/UX journey.

Launch your Figma journey by signing up for a free account, setting up your profile, and exploring collaboration with FigJam and Figma Slides.

Create a new design file and explore the main design interface, including layers and assets and the toolbar. Master adjusting object position, layout, fill, stroke, and export in properties panel.

Master the move tool to select and reposition objects on the canvas with the V shortcut, then use the scale tool to resize while preserving proportions.

Use lines to structure designs in Figma, separating header and body text, and use arrows with Shift+L to connect steps for clear user flows.

Master the ellipse tool in figma to create circles and ovals for avatars, buttons, and icons, using the shift key for perfect circles and filling shapes with images.

Learn to master the star tool in Figma by adjusting count, radius, and depth; apply stroke, color, inner shadow, and pen tool techniques to craft dynamic badges.

Explore how to edit images in Figma using the fill tool, adjusting contrast, saturation, temperature, tint, highlights, and shadows to recreate grayscale and other looks.

Explore color and blend modes to transform images with overlays, manipulating the top layer to achieve soft light or hard light effects, and share your freestyle designs.

Learn how to use masks in Figma by fitting a top image into a container beneath, duplicating and aligning layers, and applying mask techniques to reveal the shape beneath.

Explore freestyle creativity with the pencil tool in Figma, using Shift B and Shift P to switch pens, click and drag to craft playful landing page ideas.

Explore typography in Figma, mastering line height, letter spacing, font family and weights, text alignment, underline and strike through, and using truncate, subscripts, and auto versus fixed height and width.

Learn strokes and borders by building shapes with full and dashed strokes, applying one-sided borders on left or right, and creating precise lines with duplicate, rotate, and shift techniques.

Learn how drop shadows elevate objects in Figma, control direction with the x and y axis, adjust blur, spread, and color, and blend multiple shadows for clean elevation.

Explore inner shadows in design, learning to create depth with inner shadows using the effects panel, adjusting blur, y position, and spread to achieve subtle three dimensional cards.

Learn to recreate a glass morphism UI using background blur, gradients, strokes, and controlled opacity, applying appearance settings to craft a polished glass effect.

Master copying style properties to quickly replicate card designs by using copy properties and paste commands, with Mac and Windows shortcuts like Command C and Command V.

Explore advanced features in Figma and build on foundational skills from modules four and five to enhance UX design workflows.

Master auto layout in figma to manage padding and spacing for buttons and cards. Build responsive user interface by nesting auto layout, using hug content, and applying constraints.

Learn how to create reusable components and variants in Figma, manage icons and buttons with overrides, and apply auto layout and constraints to build consistent UI cards.

Join module seven by exploring how Figma enables collaborative design across a team, with comments, the inspect tool for developers, sharing, exporting assets, plugins, and team libraries.

Explore the dev mode (inspect tool) in Figma to view exact dimensions, copy colors, typography, and text, and export assets as SVG with CSS code for iOS, Android, and web.

Learn to share your Figma work with password protection, copy/export rights, and viewer permissions, plus team library access and options to publish, embed, present, and prototype.

Explore exporting assets in Figma, including formats, size, color mode, and bounding box, preview exports, rename files, and reuse exports as SVG or PDF.

Explore how to use plugins in Figma to extend functionality and streamline design workflow, access about 60 plugins via command k, and add images to containers with the pixels plugin.

Discover theme libraries by creating and sharing a team library with live updates, version control, and permissions, while considering pricing and a community guide for landing pages and mobile design.

Design a landing page in Figma using the final module’s project template, cover, and description, then apply the style guide, component library, and auto layout for desktop and mobile views.

Design a landing page in Figma by structuring with frames and an artboard, building a hero section, navbar, and reusable components, and preparing assets for a clean handoff to developers.

Design a bold landing page featuring a gradient hero, main and ghost CTAs, and icons, using frames, auto layout, and bento card grids to showcase features and testimonials.

Explore mobile design and responsive web layouts by building a mobile-first landing page using frames, artboards, and auto layout, tested in prototype mode on 14 pro devices.

Master the design handoff by delivering clear specifications, assets, and responsive guides from designers to developers. Annotate interactions, share components and prototypes, and provide versioned assets to ensure accurate implementation.

Prototype in figma by building UI/UX flows with defined starting points and on-click triggers. Link pages, use smart animate and overlays, and test desktop and mobile prototypes with back navigation.

Gratitude for completing the course and acknowledging ongoing updates to the 2025 UI/UX journey with Figma. Join the community, ask questions, and pursue continual improvement.