Explore Figma's toolbar and file menu to export frames as PDF, PNG, SVG, or GIF, and slice designs. Create device frames and leverage plugins with Jira and Asana.

Explore the layers panel in Figma by renaming shapes, deleting frames, multi-selecting with shift, and creating assets and components with the assets panel and Unsplash plugin.

Master alignment and distribution in Figma by positioning elements relative to their parent, using left, center, right, top, and bottom anchors, and understanding how groups, frames, and siblings shape spacing.

Master the grid system in Figma to build responsive layouts by configuring column grids, gutters, and margins, and use rulers and pixel units to align elements across devices.

Explore color theory fundamentals in Figma, from hues, tints, shades, and tones to saturation and brightness, learn RGB, HSV, and hex color models for design.

Explore color harmonies and the psychology of color to build effective palettes using monochromatic, analogous, and complementary schemes, with practical examples of how red, blue, green, and orange convey meaning.

Explore fill modes in Figma from solid to linear, radial, angular, diamond, and image fills, and learn how layers, transparency, and multiply blending create new colors when shapes overlap.

Master typography in Figma by learning font family, weight, size, and alignment, along with decorations; adjust line height, letter spacing, paragraph indent, and text box behavior.

Clarify serif and sans serif fonts and explain how serif signals traditional, trustworthy branding while sans serif signals modern, approachable design with fonts like Times New Roman and Arial.

Upload and install custom fonts in Figma by downloading from figma.com/downloads, installing the font on your system, and applying the font family like Grand Theft Auto in your designs.

Master three image import methods in Figma, place images in shapes with fill options, crop or fit, resize and rotate, adjust exposure and transparency, and add text overlays.

Learn to use the Unsplash plugin to import copyright-free stock images into Figma. Access the plugin via resources icon or the right-click plugins menu to insert abstract images into shapes.

Learn how to remove backgrounds from images in Figma using the remove.bg plugin, sign up for an API key, and apply it to generate clean images.

Mask images in Figma by revealing only parts of an image with ellipse and circle shapes, preserving quality through proper layer ordering and use as mask.

Explore the difference between margin and padding in Figma. Learn how outer spacing between elements differs from inner spacing inside elements, with directional measurements.

Learn how auto layout in Figma makes frames and content adapt automatically, adjust height and width with vertical or horizontal direction, and use padding, margins, alignment, and nested layouts.

Explore how to group, frame, copy, and duplicate elements in Figma, and apply auto layout to text and shapes.

Master the basics of Figma constraints and resizing, including fixed vs fill container, auto layout, alignment, padding, and responsive design techniques for frames and components.

Create and manage styles and components in Figma to establish color and typography styles. Use master and child components, gradients, and swatches to enable consistent updates and reusable assets.

Learn Figma strokes and effects to style shapes, applying borders inside, outside, or center, adjusting stroke width, color, and opacity, and adding drop or inner shadows with offset and blur.

Create a text mask effect in Figma by placing a photo behind a white text box, then use the text as a mask to reveal the image through the letters.

Master the sliced text effect in Figma by slicing text with the pen tool, adding diagonal shadows, and refining with masks, duplicates, and blur for a 3d look.

Discover how to create an outline text effect in Figma by layering two text instances and an image, a front stroke-only outline and a back filled text that reveals image.

Learn to create a glowing Instagram icon in Figma using inner shadow with zero offset, a purple glow, drop shadow, center alignment, and a subtle layer blur.

Learn to build a responsive Figma landing page mini project using a 12-column grid, margins, and auto layout with constraints for desktop and mobile view.

Learn to prototype in Figma by building interactive flows with hover effects and transitions between frames using on tap and hover interactions.

Explore wireframing in UI/UX design by creating a digital outline that focuses on content and layout first, illustrated with a wireframe of Instagram in Figma.