You can add different pages to your WordPress theme from your Figma design, not just one landing page! It is super easy:
- Select the Frame of the page (yes, in Figma your pages are of type Frame).
- If you have no pages selected, the first time the plugin will show you the button Add Frame(s) as Main Page. Click on it to make this page the first one your visitors will see.
You can add more pages if you want:
- Select another frame for a different page.
- After selecting a frame, the button Add another page will become active. Click on it.
- Click on Normal Page.
- Repeat as many times/pages you want.
That’s all!
Check how is done in the video:
What size should my frame be?
Follow the recommended sizes by Figma, the ones you will see when creating a new frame. Typical frame sizes are:
- Desktop: 1920 pixels width (any height)
- Mobile: 375 pixels width (any height)
My page has different designs for Desktop and Mobile, can I combine them?
Of course! As shown in the video above, two options are possible:
- Add one frame first, and then add the other(s) using the Add Screen Size button.
- Or, simply select both frames and then click on Add another page
You can add as many sizes as you want as long as they are all different in width.
Have any questions? Ask Melanie directly in the Live Chat: