NGT Studio

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.

  1. RegisterEnter your email and a password. 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 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

ProviderWhere to get your keyKey format
Claude (Anthropic)console.anthropic.com/keyssk-ant-...
GPT-4o (OpenAI)platform.openai.com/api-keyssk-...
Gemini (Google)aistudio.google.com/app/apikeyAIza...
Recommendation

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

Prompt examples

Good prompt A4 sustainability report for Birchwood Coffee 2024. Cover page, executive summary, three impact sections (carbon, water, sourcing), a stat row showing key figures, and a closing statement. Professional tone, earthy colour palette.
Good prompt Instagram square post announcing a summer sale. Bold headline, short body copy, and a discount code. Brand: Nova Skincare. Clean and minimal.
Too vague — add more detail Make a report about coffee.
Tip

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.

Tip

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.

  1. Click the section you want to change on the canvas.
  2. Type an instruction in the section toolbar — or leave it blank to simply regenerate with a different variation.
  3. Click Regenerate. Only that section is redrawn. The rest of the document stays exactly as it was.

Instruction examples

Section instructions Make the heading larger and left-aligned Add a dark background to this section Rewrite the body copy to be more concise Replace the stat values with: Revenue $4.2M, Growth 22%, Markets 14
Tip

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.

Prompt reference example Use the image "birchwood-logo.png" in the cover section hero area. Add "product-photo.jpg" to the second body section on the right side.

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.

FormatPlanNotes
SVGAll plansResolution-independent. Fully scalable. Recommended for print and web.
PNGAll plansRasterised at 150 DPI. Good for social media and email.
HTMLAll plansEmbedded SVG in a standalone HTML file. Useful for email or web embedding.
PDFPaid plansMulti-page PDF with proper page breaks, running headers, and page numbers. Print-ready.
Tip

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

Print documents
FormatDimensions
A4 Portrait1240 × 1754 px
A4 Landscape1754 × 1240 px
A3 Portrait1754 × 2480 px
A5 Portrait874 × 1240 px
US Letter Portrait1275 × 1650 px
US Letter Landscape1650 × 1275 px
US Legal1275 × 2100 px
Presentations
FormatDimensions
16:9 Presentation1920 × 1080 px
4:3 Presentation1024 × 768 px
Social media
FormatDimensions
Instagram Square Post1080 × 1080 px
Instagram Portrait Post1080 × 1350 px
Instagram Story1080 × 1920 px
LinkedIn Post1200 × 628 px
LinkedIn Story1080 × 1920 px
X (Twitter) Post1200 × 675 px
Facebook Post1200 × 630 px
Facebook Story1080 × 1920 px
Pinterest Pin1000 × 1500 px
TikTok Post1080 × 1920 px
YouTube Thumbnail1280 × 720 px
Marketing & print collateral
FormatDimensions
Business Card1050 × 600 px
Poster A21587 × 2245 px
Banner 728×90728 × 90 px
Email Header600 × 200 px
Newsletter Template600 × 900 px

Full format list available in the NGT Studio format selector. Custom dimensions are supported on paid plans.

FAQ

Do I need design experience to use NGT Studio?
No. NGT handles all layout, typography, and visual structure from your prompt. You describe what you want in plain English and NGT produces the document.
Why do I need to provide my own AI API key?
NGT Studio uses your own key so you have full control over your AI usage and costs. Your key is encrypted at rest and only injected into your active studio session — it is never exposed or used outside your account.
Which AI provider should I use?
Claude (Anthropic) is recommended as the default. It produces the most accurate layout structure and content. GPT-4o and Gemini are fully supported and produce good results — switch freely in Settings at any time.
Can I edit the document after it is generated?
Yes. Click any section to select it, then type an instruction and regenerate just that section. You can also adjust design specs (palette, typography) and regenerate the whole document or individual sections to apply the changes.
What does the API call limit mean?
Each generation or regeneration call to the NGT engine counts as one API call. The daily limit resets at midnight UTC. Trial accounts get 20 calls per day. Paid plans get 500 (monthly) or 2,000 (annual) calls per day.
Can I export to PDF?
PDF export is available on paid plans (Monthly and Annual). It produces a proper multi-page PDF with running headers, page numbers, widow/orphan protection, and print-ready output.
Can I use NGT Studio for commercial work?
Yes. All output is yours to use commercially without restriction.
I have a question not covered here.
Contact us at contact@kunstx.online and we will get back to you.