Figma에서 페이지 확장하는 방법

This guide provides a clear and concise method for extending pages in Figma.
The process involves resizing your page or duplicating it while maintaining the design integrity. Follow these steps to efficiently manage your Figma project layouts.

In Figma, there isn’t a literal extend page button like in some other design tools, but you can easily extend your workspace by resizing frames, adjusting your view, or adding new pages. Here’s how you can do that:

1. Resizing a Frame

If you're working within a frame (which acts like a page in Figma), you can stretch it to fit more content:

• Select the Frame: Click on the frame you want to resize.

• Use the Right Sidebar: Open the Design panel on the right.

• Drag to Resize: Hover over the frame's edge until your cursor changes, then drag it out to make the frame bigger either vertically, horizontally, or both.

• Apply Constraints: Set horizontal or vertical constraints so your content adjusts properly when resizing.

2. Adjusting Your View (Zooming)

Sometimes, you don’t need to extend the frame just zoom out or adjust the interface scale to see more of the canvas:

• In the Browser: Use your browser’s zoom settings (usually found under View > Zoom).

• In the Figma Desktop App:

  • Go to View in the top menu.

  • Hover over Interface Scale and choose options like “Make Larger” or “Reset to Default.”

• Keyboard Shortcuts:

  • Mac:

    • Reset: Option + Shift + Command + 0

    • Zoom In: Option + Shift + Command + =

    • Zoom Out: Option + Shift + Command + -

  • Windows:

    • Reset: Ctrl + Shift + Alt + 0

    • Zoom In: Ctrl + Shift + Alt + =

    • Zoom Out: Ctrl + Shift + Alt + -

3. Adding or Managing Pages

If you’re running out of space or want to organize your design better, just add more pages:

• Add a New Page: Click on the current page name (like “Page 1”) in the top-left of the canvas, then hit the “+” to create a new one.

• Rename Pages: Click the page name again to rename it for better organization.

• Use Plugins: Try plugins like Add Multiple Pages if you need to bulk-create several new pages quickly.

Step-by-Step Guide: How to Extend Page in Figma

Method 1

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.

Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

Method 2

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed.

Method 3

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.