Octopus
Lightning⚡️fast visual sitemap builder
Start new thread
Edgar Frantsman

Octopus to Figma plugin - Generate website prototype from a sitemap project

by
Octopus
•
Plan your website in Octopus.do, then turn it into a full high-fidelity Figma prototype in seconds. The plugin builds real layouts with variables and components, so the jump from sitemap to design no longer eats days of work.

Add a comment

Replies

Best
Edgar Frantsman
Maker
📌
Hey hunters 👋 Octopus.do is where many teams plan and structure their websites visually, work on SEO, and map out content. The next step usually happens elsewhere — in design and development tools — so we've been focused on removing friction between those stages. Over the last few months, we shipped new export options, including our biggest one yet: turning an Octopus project into a full high-fidelity Figma prototype. Would love your feedback: – Is the plugin easy to use? – How does the prototype feel?👨‍🔬 Get the plugin: https://www.figma.com/community/... Get the wireframes kit: https://www.figma.com/community/...
Manal Essalek

The "zero-stage" phase of building a website is usually a chaotic mess of scattered spreadsheets for sitemaps, endless Google Docs for copy, and wireframe boards for brainstorming. Bringing sitemaps and content creation under one roof before a single pixel is designed is a massive time-saver for teams and clients. It keeps the copy tightly anchored to the actual page structure!

Quick question for the team: Once the sitemap and copy are finalized, what does the handoff process look like? Is there a way to export the structure and content directly into design tools like Figma or CMS platforms like WordPress or Webflow to jumpstart the next phase?