Export Your Design: Send Your SproutOS Project to WordPress or Figma
Export your finished SproutOS design to Elementor, Gutenberg, or Figma in a few clicks. Install the SproutOS plugin, log in, and import your project directly.
Phase 3 of 3: Sitemap → Design → You are here: Export. Your design is ready. Export sends it directly to your platform of choice.
Once your design is ready in the Design Studio, export it to WordPress or Figma with a few clicks. SproutOS packages your entire project (pages, sections, content, and styles) and makes it available for import inside your chosen platform via the SproutOS plugin.
Supported Export Platforms
| Platform | What You Get |
|---|---|
| Elementor | Full page layouts ready to edit in Elementor |
| Gutenberg | Block-based layouts for the WordPress block editor |
| Figma | Design file importable into your Figma workspace |
Step 1: Export From SproutOS
Open the export menu
From the Design Studio, click the Export dropdown in the top-right corner of the screen.
Choose your platform
Select your target platform: Elementor, Gutenberg, or Figma.
Confirm the export
A confirmation dialog appears. Review the details and click Export to package your project. SproutOS prepares your export and makes it available for import.
Step 2: Import Into Your Platform
The import process works the same way across all three platforms. Install the SproutOS plugin, log in, and your exported project appears automatically.
Install the SproutOS plugin
In your WordPress admin, go to Plugins > Add New and search for SproutOS. Install and activate the plugin.
Log in to SproutOS
Open the SproutOS plugin from your WordPress sidebar. Log in with the same credentials you use on the SproutOS Dashboard.
Import your project
Your exported project appears as a card in the plugin. Click Import and SproutOS loads your pages and sections directly into Elementor.
Install the SproutOS plugin
In your WordPress admin, go to Plugins > Add New and search for SproutOS. Install and activate the plugin.
Log in to SproutOS
Open the SproutOS plugin from your WordPress sidebar. Log in with the same credentials you use on the SproutOS Dashboard.
Import your project
Your exported project appears as a card in the plugin. Click Import and SproutOS loads your design as Gutenberg blocks, ready to edit.
Install the SproutOS Figma plugin
Open Figma and go to Plugins > Browse Plugins. Search for SproutOS and install the plugin.
Log in to SproutOS
Open the SproutOS plugin inside Figma. Log in with the same credentials you use on the SproutOS Dashboard.
Import your project
Your exported project appears as a card in the plugin. Click Import and SproutOS loads your design into the Figma canvas.
Use the same email and password you use to log in at dashboard.sproutos.ai. The plugin uses the same account to match your exported projects.
Frequently Asked Questions
Yes. You can export any project to Elementor, Gutenberg, and Figma independently. Each export is separate and does not affect the others.
No. SproutOS creates new pages on import. Your existing WordPress content is not modified.
Yes. Go back to the Design Studio, make your changes, and export again. Click Import in the plugin to pull in the updated version.
Make sure you exported the project from the Design Studio first. The export step is required before the project appears in the plugin. If you exported and it still does not appear, log out of the plugin and log back in to refresh.
