NGT Studio — User Guide

Everything you need to create, edit, and export documents with NGT Studio.

What is NGT Studio

NGT Studio is a browser-based AI document engine built for social posts, posters, flyers, brochures, and other designed documents. You describe what you want — an Instagram post, an A4 brochure, a presentation slide — and NGT generates a fully structured, styled document ready to export.

Unlike generative image tools, NGT produces a real document: every section is a separate, editable element with consistent typography and precise layout. The output is SVG — resolution-independent and print-ready. You can edit any section directly, refine the whole document with a follow-up instruction, and export to SVG, PNG, HTML, or PDF.

Creating an account

Go to nextgentext.online/register to create an account. The 7-day free trial gives you full access to NGT Studio with no credit card required.

1. RegisterEnter your email and a password and accept the terms. You are taken straight to your dashboard.
2. Add your AI keyGo to Settings and add an API key for your chosen AI provider (Claude, GPT-4o, or Gemini). NGT Studio cannot generate documents without one.
3. Open the studioClick Open NGT Studio on your dashboard. The studio runs in the browser — no download required.

Setting up your AI key

NGT Studio uses your own AI API key to generate documents. In Settings → AI Provider, choose a provider and paste its key. Keys are stored encrypted; only the key for your selected provider is injected into your studio session. Leave a key field blank when saving to keep the key that is already stored.

Where to get your key

NGT API keys are different: they authenticate your own applications against the NGT API. Create and revoke them on your dashboard or in Settings → NGT API Keys. A new key is shown only once — copy it immediately. Each key shows when it was last used and how many calls it made today.

The studio at a glance

Writing your prompt

The prompt is the only required input. Describe what you want in plain English. NGT figures out the structure, sections, content, and layout from your description. Press Ctrl+Enter (⌘+Enter on Mac) or click Generate.

What to include in your prompt

• Document type — Instagram post, poster, flyer, brochure, presentation slide, report, etc.
• Subject or brand — what the document is about, company name, product
• Tone — professional, minimal, bold, editorial, friendly
• Key content — any specific text, figures, or sections you need
• Images — mention uploaded images you want used
• Format — if you do not specify one, NGT selects the most appropriate format

Prompt examples

Choosing a format

Pick a format in the format picker next to Generate, or name it in your prompt ("A4 portrait", "Instagram story", "16:9 presentation"). If you do not specify one, NGT infers it from your prompt. You can change the format later through Refine, for example "switch to Instagram story"; the document is re-laid out for the new size.

Formats fall into two kinds:

• Single-canvas formats — social posts, posters, flyers, banners, business cards, thumbnails. The design is one fixed-size canvas and exports at exactly that size.
• Page formats — A-series, US Letter, brochures, presentations. Content that is taller than one page continues onto further pages, marked by a dashed guide on the canvas.

See the complete format list.

Brand and visual style

The prompt centre has two optional panels that are remembered between documents:

• Visual style — describe the look once (for example "Dark navy palette, gold accents. Playfair Display headings.") and click Save style. The saved style is applied to every new document until you clear it.
• Brand — brand name, voice (professional, friendly, technical, authoritative, conversational), goal (inform, persuade, instruct, warn, convert), and forbidden terms. NGT writes copy in your voice and goal, and flags any forbidden term that still appears.

Palette and typography

The Style tab shows the design spec of the current document. Changes apply immediately to every section.

Colour palette

Eight colour roles: background, surface, surface alt, accent, accent light, text, text muted, and border. Edit a role with the colour picker, choose a preset palette, or ask in Refine ("dark mode with an orange accent").

Typography

Six type roles — Display, Heading, Subheading, Body, Caption, and Label — each with font family, size, weight, and line height. Any Google Font is supported. Display text can also have letter spacing, and OpenType features (ligatures, stylistic sets, figure styles) are applied where the font supports them.

Font sizes and units

Font sizes follow the kind of format you are designing for:

You can also use mm, in, and em in the size and letter-spacing fields.

On social formats NGT enforces readable minimum sizes, scaled to the canvas: at 1080 px, display text is at least 100 px, headings 60 px, body 28 px, and captions and labels 18 px. Wide banners scale these by their short side so the text still fits.

The canvas

After generation the document appears on the canvas. Use the preview toolbar to zoom (buttons, slider, or type a percentage), Fit the document to the window, and see the page count. Guides shows bleed and safe-zone guides for formats that define them. The prompt bar can be hidden to give the canvas more room.

Multi-page documents are shown as one continuous canvas; a dashed line marks each page edge. The dashed guides are never exported.

Editing sections

Click any section on the canvas to open the inline editor directly on top of it:

• Edit the text; stat rows get a per-item editor for each value and label.
• ↑ / ↓ move the section, + Add inserts a new section after it, ✕ deletes it.
• ⚙ Full opens the full section editor with every field of the section, including its type.
• ✓ Save (or Ctrl/⌘+Enter) applies the change; Esc closes without saving.

The Sections list in the Compose tab shows every section with its type, role, and heading. Click an entry to edit it in the full editor, or drag entries to reorder them.

Refining with AI

The Refine box (Compose tab) changes the existing document with a plain-language instruction instead of generating a new one. Press Enter to apply.

Refine can change the palette, typography (family, size, weight, line height, letter spacing), layout margins and spacing, the format, the title, brand settings, and any section — update, add, remove, move, or change its background.

AI Elements and per-element regeneration

The header switch chooses how sections are drawn:

• ● Layout (default) — the local layout engine. Instant, exact typography, no AI calls.
• ✨ AI Elements — the fast model of your AI provider draws each section as custom SVG artwork inside its bounding box: gradients, shapes, illustrations, and backgrounds. Sections appear progressively as they complete. Text stays exact because the layout engine still places it.

In AI Elements mode, click a section and choose ↺ Regenerate AI art to redraw only that element. You can add an optional instruction:

Only that section is redrawn — the rest of the document stays exactly as it was.

Images

Upload JPG, PNG, GIF, WebP, or SVG files in the Images tab (drop them on the upload area or click to browse). Uploaded images appear in the gallery. Mention them in your prompt or a Refine instruction and NGT places them in an image section; image sections without an uploaded image show a placeholder you can fill later.

Layout warnings

After every render NGT checks the document and lists problems in the warnings panel (Compose tab). Errors should be fixed before exporting; warnings are advice.

Research mode

The Research tab is a node editor for building a document visually. Drag nodes from the palette onto the canvas, connect their ports, and click ▶ Run graph:

• Input and config — Prompt, Format, and Style nodes.
• Sections — Hero, Heading, Body Text, Stat Row, Quote, List, Table, Image, Callout, and Timeline.
• AI Generate — generates content from a connected prompt.
• Output — assembles the connected sections into the document.

Select a node to edit its settings in the Inspector. Select a node and press Delete to remove it; Clear empties the graph.

Saving and loading projects

Save in the header downloads the complete document specification as a .json file — content, sections, palette, typography, layout, and format. Load opens a saved file and renders it exactly as it was, so you can keep templates or continue work later.

Undo and redo

Every generation, refinement, and edit is saved to a 25-step history. Each step restores the complete document state — sections, specs, and layout.

• Undo: Ctrl+Z (⌘+Z) or the Undo button.
• Redo: Ctrl+Shift+Z or Ctrl+Y (⌘+Shift+Z).

Keyboard shortcuts

Export formats

Export from the download bar under the canvas. What you see on the canvas is what you get: exports are made from the rendered preview, including AI Elements artwork.

Section types

Every document is a sequence of sections. NGT picks the types from your prompt; you can change a section's type in the full section editor or ask for a specific type in Refine.

Format list

All 49 formats available in the format picker. Print formats show their print resolution.

Need another size? Ask in Refine, for example "make it 1500 × 500 px".

Advanced settings

The Model panel in the prompt centre lets you override which models your provider uses: the full model for generating and refining documents, and the fast model for AI Elements artwork. Leave both empty to use the recommended defaults.

Collect training data stores your prompts and the resulting document specs in your browser (never on our servers). Export .jsonl downloads them, for example to evaluate or fine-tune your own models.

FAQ