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. You write a prompt describing what you want — a report, a social post, a presentation slide, a CV — and NGT generates a fully structured, styled document ready to export.
Unlike generative image tools, NGT produces real documents with editable structure, consistent typography, and precise layout. The output is SVG — resolution-independent and print-ready. You can regenerate any individual section without touching the rest, adjust design specs, and export to multiple formats.
No design skills required. NGT handles layout, typography, and visual structure. You provide the content and intent.
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.
- RegisterEnter your email and a password. You are taken straight to your dashboard.
- 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.
- Open the studioClick Launch Studio from your dashboard. The studio opens in the browser — no download required.
Setting up your AI key
NGT Studio uses your own AI API key to generate documents. Your key is stored encrypted and only used during your active session. You can switch providers at any time in Settings.
Where to get your key
| Provider | Where to get your key | Key format |
|---|---|---|
| Claude (Anthropic) | console.anthropic.com/keys | sk-ant-... |
| GPT-4o (OpenAI) | platform.openai.com/api-keys | sk-... |
| Gemini (Google) | aistudio.google.com/app/apikey | AIza... |
Claude (Anthropic) is the default and recommended provider for the most accurate layout and content generation. Switch providers any time in Settings without losing your subscription.
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.
What to include in your prompt
- Document type — report, CV, Instagram post, pitch deck slide, invoice, 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
- Format — if you do not specify, NGT selects the most appropriate format
Prompt examples
You do not need to be precise about section names or layout. Just describe the document the way you would brief a designer. NGT handles the structure.
Choosing a format
NGT supports 50+ document formats. You can specify the format in your prompt ("A4 portrait", "Instagram story", "16:9 presentation") or select it from the format picker in the studio before generating.
If you do not specify a format, NGT infers the most appropriate one from your prompt. You can change the format after generation and regenerate any sections that need adjustment.
See the full format list below.
Design specs
Design specs let you define the visual brief before NGT generates your document. When specs are set, NGT follows them exactly instead of making its own design decisions.
Colour palette
The palette panel lets you define up to 8 colour roles: background, surface, surface alt, accent, accent light, text, text muted, and border. Each role is applied consistently across every section of the document. You can use the hex picker, choose a preset palette, or describe your colours in the prompt ("warm earthy tones", "dark mode with orange accent").
Typography
Set the font family, size, weight, and line height for each type role: Display, Heading, Subheading, Body, Caption, and Label. Any Google Font is supported. When typography is defined in the spec, every text element in the document renders exactly as specified — no variation between sections.
If you leave specs blank, NGT will choose colours and typography based on your prompt. Setting specs is recommended when you need brand consistency or specific visual identity.
The canvas
After generation the document appears on the canvas as a full-width SVG preview. Each section is rendered as a separate element within the document. You can scroll through multi-page documents, zoom in and out, and interact with individual sections.
Clicking any section selects it and reveals the section toolbar. From there you can regenerate the section, give it a specific instruction, or delete it.
Per-element regeneration
Any section can be regenerated independently without touching the rest of the document. This is one of the core advantages of NGT over generative image tools — changing one section does not affect any other.
- Click the section you want to change on the canvas.
- Type an instruction in the section toolbar — or leave it blank to simply regenerate with a different variation.
- Click Regenerate. Only that section is redrawn. The rest of the document stays exactly as it was.
Instruction examples
Be specific about what you want to change. "Make it better" is less effective than "increase whitespace and reduce the font size of the label".
Images and AI elements
Uploading your own images
You can upload JPG, PNG, or SVG images from the image panel. Once uploaded, reference them by name in your prompt or in a section instruction. NGT will embed the image into the appropriate section automatically.
AI-generated image elements
In AI Elements mode, NGT can generate decorative and illustrative image elements directly within sections — gradients, geometric shapes, data visualisations, and custom backgrounds. These are generated as SVG elements alongside your text content and do not require an external image generation service.
Enable AI Elements mode from the toolbar before generating, or toggle it per-section during regeneration.
Undo and history
Every generation and regeneration is saved to a 25-level undo stack. Press Ctrl+Z (or Cmd+Z on Mac) to step back through changes. Each undo step restores the complete document state at that point — including all sections, specs, and layout.
Export formats
Export your finished document from the Export panel in the studio toolbar.
| Format | Plan | Notes |
|---|---|---|
| SVG | All plans | Resolution-independent. Fully scalable. Recommended for print and web. |
| PNG | All plans | Rasterised at 150 DPI. Good for social media and email. |
| HTML | All plans | Embedded SVG in a standalone HTML file. Useful for email or web embedding. |
| Paid plans | Multi-page PDF with proper page breaks, running headers, and page numbers. Print-ready. |
For print work, export as SVG or PDF. For social media, export as PNG. SVG can be opened and edited in Figma, Illustrator, or Inkscape if you need further adjustments.
Format list
| Format | Dimensions |
|---|---|
| A4 Portrait | 1240 × 1754 px |
| A4 Landscape | 1754 × 1240 px |
| A3 Portrait | 1754 × 2480 px |
| A5 Portrait | 874 × 1240 px |
| US Letter Portrait | 1275 × 1650 px |
| US Letter Landscape | 1650 × 1275 px |
| US Legal | 1275 × 2100 px |
| Format | Dimensions |
|---|---|
| 16:9 Presentation | 1920 × 1080 px |
| 4:3 Presentation | 1024 × 768 px |
| Format | Dimensions |
|---|---|
| Instagram Square Post | 1080 × 1080 px |
| Instagram Portrait Post | 1080 × 1350 px |
| Instagram Story | 1080 × 1920 px |
| LinkedIn Post | 1200 × 628 px |
| LinkedIn Story | 1080 × 1920 px |
| X (Twitter) Post | 1200 × 675 px |
| Facebook Post | 1200 × 630 px |
| Facebook Story | 1080 × 1920 px |
| Pinterest Pin | 1000 × 1500 px |
| TikTok Post | 1080 × 1920 px |
| YouTube Thumbnail | 1280 × 720 px |
| Format | Dimensions |
|---|---|
| Business Card | 1050 × 600 px |
| Poster A2 | 1587 × 2245 px |
| Banner 728×90 | 728 × 90 px |
| Email Header | 600 × 200 px |
| Newsletter Template | 600 × 900 px |
Full format list available in the NGT Studio format selector. Custom dimensions are supported on paid plans.
