How to import your LandingRabbit pages into Figma

Instead of publishing pages with LandingRabbit, your team might want to continue the work in Figma. That’s when the LandingRabbit Figma plugin comes in handy. The plugin imports your page preview from LandingRabbit and creates a Figma design with layers (designers love it ❤️).

Here’s how it works in five steps:

  1. Click the 'Share' button to get your page preview URL in LandingRabbit Screenshot of LandingRabbit's SaaS landing page builder interface, highlighting 'Share' and 'Publish changes' buttons.

  2. Log in to your Figma, open a file, find Plugins from the dropdown, and click Manage plugins… Menu interface showing options for 'Plugins', 'Widgets', and 'Preferences' with a 'Manage plugins...' button in Figma

  3. Search for LandingRabbit and choose it from the plugins list Screenshot of a search interface showing the LandingRabbit plugin for creating landing pages in Figma

  4. After the plugin opens, click Run Screenshot of Figma interface showing instructions for importing pages and features for creating wireframes.

  5. Add the preview URL of any page you've created in LandingRabbit and click Import page from LandingRabbit The Figma plugin interface showing a prompt to copy a page share link and an import button for LandingRabbit

That’s all. The design is created in three sizes (desktop, tablet, and mobile), and your team can now continue the work in Figma.