Live Preview

See your changes as you work.

Explore pages, check navigation, and review the design in your project preview before publishing to your live site.

Start Your 7-Day Trial

DocsioForma docsPublish

AI AgentOnline

Add a step-by-step guide for inviting my team. Include roles and what happens after they accept.

Docsio

I’ll use your team settings guide and add this under Workspace. I’ll link it from the getting started page too.

Read team settings guide

Added invite-your-team.mdx

Updated navigation and related guides

The team guide is ready to review. It covers invitations, roles, and joining a workspace.

invite-your-team.mdxUpdated

Make the introduction a little friendlier.

Edit

PreviewAll changes saved

Forma

TEAM GUIDE

Invite your team

Bring everyone into one workspace. Invite teammates, choose their roles, and start working together.

Copy MarkdownOpen

Before you beginYou’ll need an owner or admin role to invite people.

Open your workspace settings

Select your workspace, then choose Settings → Members.

Send an invitation

Enter your teammate’s email and choose a role.

alex@yourcompany.comMemberInvite

Start working together

Once they accept, they can join projects and contribute.

Next guideRoles & permissions

Read the actual pages as you refine your documentation.

Key Capabilities

How live preview works

Isolated sandbox environment

Each project runs in its own isolated sandbox. Changes made by the AI agent or your manual edits are reflected immediately without affecting anything else.

Instant hot-reload on every save

The preview pane updates the moment a file changes. There is no build step, no refresh needed. The rendered result is always in sync with the latest version.

Navigate between pages in preview

The preview is a fully interactive documentation site. Click links, open the sidebar, and navigate to any page exactly as your readers will experience it.

Mobile-responsive preview toggle

Switch between desktop and mobile viewports with one click. Verify that your layout, typography, and navigation all look right on smaller screens before you publish.

FAQ

Live preview: common questions

How does live preview work?

Your project runs in its own preview environment. As the editor changes files, the preview updates so you can inspect the result.

Does editing update my live site?

Edits stay in your workspace until you publish. A connected GitHub branch can also trigger a new deployment when you push changes.

Can I navigate through the preview?

Yes. Open pages, follow sidebar links, and inspect your content before sharing the site.

Why might the preview show a loading state?

Starting the environment and compiling changes can take time. The editor shows preview status, and you can reload the preview when needed.

No more guessing how it looks

See every change instantly in an isolated preview before it goes live. What you see is exactly what your readers get.

Start Your 7-Day Trial

7-day trialNo credit cardInstant setup