Help Center

Getting Started

Tree Studio is a visual tool for building and sharing hierarchical trees — org charts, decision trees, knowledge maps, taxonomies, and anything else with a parent-child structure.

To create your first tree: open the app, click New Tree, and you'll start with a single root node. Click the + button on any node to add a child, or press Tab to add a child to the selected node.

To edit a node label: double-click the node, or select it and start typing. Press Enter to save or Esc to cancel.

To navigate the canvas: click and drag to pan, use Ctrl + scroll to zoom, or use the zoom controls in the toolbar.

Templates: click the Templates button in the toolbar to load a pre-built example — great for seeing what's possible before building your own.

Keyboard Shortcuts

Saving & Organizing

To save a tree to the cloud, you need to be signed in. Click Sign in in the top right and authenticate with GitHub or Microsoft.

Once signed in, open the My Trees panel, type a name in the input field, and click Save. You can also press Ctrl + S at any time.

Your trees appear in the My Trees list. Click Load to open a saved tree, Share to get a shareable link, or Delete to remove it.

Free plan: up to 5 saved trees. Upgrade to Pro for unlimited saves.

Trees are saved to your account and are private by default — no one can see them unless you share the link.

Sharing

To share a tree, save it first, then click the Share button next to it in the My Trees panel. A shareable link will appear that you can copy and send to anyone.

Anyone with the link can view your tree — pan, zoom, expand and collapse nodes — but cannot edit it. They don't need an account.

Shared trees are read-only. To give someone an editable copy, they would need to create their own account and rebuild it, or you can export the JSON (via the Advanced panel) and send it to them.

You can revoke access at any time by deleting the tree from your account.

Embedding

Any shared tree can be embedded in a website, blog, Notion page, or intranet using a standard HTML <iframe>. The embedded tree is fully interactive — viewers can pan, zoom, and expand/collapse nodes.

Basic embed code:

Replace userId/tree-name with the value from your share link. The embed=1 parameter hides the toolbar and editing controls, leaving just the canvas.

Sizing tips: set width="100%" for responsive layouts. Adjust height to fit your content — 400–600px works well for most trees.

Watermark: embedded trees show a small "Built with Tree Studio" badge in the corner. Business plan subscribers can remove it.

Plans & Billing

To upgrade: click the Upgrade button in the app toolbar, or click your avatar and select Upgrade to Pro. You'll be taken to a secure Stripe checkout.

To manage or cancel your subscription: click your avatar in the app, then Manage subscription. This opens the Stripe billing portal where you can update payment details, change plans, or cancel.

Cancellation: you can cancel at any time. Your plan remains active until the end of the billing period — there are no partial refunds.

Payment security: all payments are processed by Stripe. Tree Studio never stores your card details.

Frequently Asked Questions

Contact Us

Can't find what you're looking for? Send us a message and we'll get back to you within one business day.