- Pages in Figma are found on the left panel, allows creating multiple pages (e.g., Home, About, Contact);
- You can rename pages by double-clicking on their names, and change background colors for visual differentiation;
- Background color changes do not affect the actual design. But they can be good for presentation;
- Each tool has grouped options, indicated by a small arrow;
- Tool-specific settings appear in the Design Panel when a tool is selected (e.g., Frame, Text, or Shape tools).
## Difference between pages and frames
- **Pages**: blank canvases or workspaces where you organize your work; equivalent to a blank sheet in Word or Illustrator;
- **Frames**: act as artboards for placing designs; can be custom-sized or selected from presets. Frames appear as layers in the Layers panel and are used to structure your designs.

Use pages for organization and frames to layout and design specific components or screens.

Which statement best describes the relationship between Pages and Frames?

Learn everything from the basics of designing user interfaces to advanced prototyping and collaboration techniques. Explore how to create wireframes, design visually stunning layouts, and work effectively with development teams using Figma's powerful features. Perfect for beginners and professionals, this learning journey combines practical projects, expert tips, and real-world applications to help you succeed in the competitive world of design.

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

UI/UX Design with Figma

Pages and Frames in Figma

Difference between pages and frames