Guideflow - Help Center
  • 🐣GET STARTED
    • What is Guideflow?
    • What can I use Guideflow for?
    • Install Chrome extension
    • Install Desktop app
  • 🔴CAPTURE A GUIDEFLOW
    • How-to capture a guideflow
    • Screen capture
    • HTML capture
    • Additional capture options
  • ✏️EDIT YOUR GUIDEFLOW
    • How-to edit your guideflow
    • Edit Design
    • Edit Theme
    • Edit Browser
    • Edit Call-to-Action (CTA)
    • Pan & Zoom
    • Add & edit steps
    • Add Popup
      • Add start popup
      • Add a popup
      • Add end popup
      • Add embed form popup
    • Checklist
      • Create a checklist
      • Edit checklist Theme
    • HTML editor
      • Edit your HTML capture
      • Advanced features
    • HTML Style editor
    • Guideflow settings
    • Preview your guideflow
    • Add blur
    • Custom resolution
    • Sandbox/Clickable demos
      • How to edit a Sandbox/Clickable demo
      • Presenter notes
    • Presenter notes
  • 💻SHARING GUIDEFLOW
    • How-to share your guideflow
    • Share your public link
    • Create custom links
    • Embed your guideflow
      • Landing page builders
      • Website builders & CMS
      • Blogging Platforms
      • Project/Task management
      • Help desk / Knowledge base
      • Customer Support
        • Zendesk integration
        • Intercom integration
      • Product Adoption
      • Changelog
      • Productivity tools
      • Review platforms
        • G2 Integration
    • Share on social platforms
    • Share into email platforms
      • Email marketing platforms
        • ActiveCampaign
      • Sales outreach platforms
    • Invite someone to Guideflow
    • Export in GIF or video
    • Export in PDF
    • Security settings
      • Password protection
      • Domain protection
      • Link expiration
    • Offline demo
  • 📊ANALYTICS
    • General analytics
    • Session analytics
    • Export analytics
    • Filter analytics
    • AI Account Reveal
  • 👨‍🏫COLLECT LEADS
    • Get leads data
  • 🧲Variables
    • What are variables
    • How-to pass variables
    • Where to use variables
    • Create & edit variables
    • Passing variables into emailing platforms
    • Examples
  • 📋DASHBOARD
    • Search & filter guideflows
    • Move a guideflow into folders
    • Create, edit, and move folders
    • Manage folders rights
    • Create, edit, and manage subfolders
  • Restore an archived guideflow
  • 🔌INTEGRATIONS
    • Manage your integrations
    • Request a new integration
    • Resthook integration
    • Cross-frame events
    • CRM integrations
      • Salesforce integration
      • Hubspot integration
      • Pipedrive integration
    • Analytics integrations
      • Google Analytics integration
      • Mixpanel integration
      • Segment integration
      • OneTrust integration
    • Slack integration
    • Zapier integration
    • Remote Navigator
    • Highspot integration
    • Marketo integration
    • Figma integration
  • 🎨Branding
    • Custom theme
    • Remove watermark
    • Customize your public page
    • Custom domain
  • 🔑Workspace
    • Edit workspace information
    • Invite & manage team members
    • Manage billing
    • Access invoices
    • Manage API keys
    • Create & change workspace
  • 🌐ACCOUNT
    • Edit account information
    • Manage notification preferences
  • ☁️SSO
    • Enable SSO
  • 🤖AI
    • AI Voiceover
    • AI Translate
Powered by GitBook
On this page
  • What is the Figma plugin?
  • How It Works
  • Core Capabilities
  • Getting Started
  • Important Notes
  1. INTEGRATIONS

Figma integration

PreviousMarketo integrationNextCustom theme

Last updated 1 month ago

What is the Figma plugin?

The Guideflow Figma plugin allows you to transform your Figma frames into interactive demos and guides. This integration streamlines the process of creating engaging product demonstrations directly from your design files.

How It Works

Export your selected Figma frames to Guideflow with a single click. Once imported, you can enhance your designs with interactive elements, annotations, and transitions. The plugin maintains the fidelity of your original designs while enabling you to add engaging interactive elements.

Core Capabilities

The Figma plugin enables you to create:

  • Interactive product demos from your design frames

  • Step-by-step guides with annotations

  • Shareable walkthroughs for user onboarding

  • Export options including web demos, GIFs, and videos

Getting Started

  1. Install the Guideflow plugin from the

  2. Select the frames you want to convert into a demo

  3. Export them to Guideflow

  4. Add your desired interactive elements and customize the experience

Important Notes

The plugin works with all types of Figma frames and supports various output formats. No coding knowledge is required to create interactive demonstrations. All interactive elements and customizations are handled through Guideflow's intuitive interface.

🔌
Figma Community