Introduction

Zuga is a browser-based SVG diagram and text editing tool. Combine text boxes, rectangles, tables, images, and connection lines, then export as SVG, PNG, or PDF.

※ Most of this documentation was generated by AI. It has been reviewed by humans, but may still contain errors.

Key Features

Text boxes with rich styling (speech bubbles, fonts, alignment, shadows, etc.)
Rectangle, table, and image nodes
Connection lines between nodes (arrow and circle markers)
GCP / AWS / Twemoji / React Icons icon libraries (approx. 52,000 icons)
Multiple layer management
Auto-grouping (child nodes follow when parent is moved)
Grid display and smart snapping
SVG / PNG / PDF / JSON export (font subset embedding supported for SVG/PNG/PDF)
Re-editing via embedded document data
Save in your browser or Google Drive — no sign-in required to get started
Show a browser confirmation dialog when closing the tab or reloading while edits are unsaved or still saving
Create new documents from templates via the scrollable sample gallery on the left side of the root page
Change storage destination between local and Drive from the document list screen
Admin-only user list page (/admin/user)
4 color themes / Japanese & English language switch

Available Icons

Library	Icon count
GCP	262
AWS	94
Twemoji	1,630
React Icons (31 sets)	50,389
Total	approx. 52,375

Header & Account

The header at the top of the screen shows the app name 'Zuga' on the left and actions such as the documentation link on the right. When signed in, a profile icon is also shown.

A "Documentation" link appears on the right side of the header and opens the help pages (/docs).
When not logged in: No account button is shown in the header. Sign in from the Google Drive section on the root page.
When logged in: Your Google account icon appears at the top right. Click it to go to your profile page.
On the profile page (/profile), your username and a 'Sign out' button are displayed.
Admin users also see a link to the user list page.