Design · checked 2026-10-19

Can I vibecode Kittl?

KINDA· weekend project

An editor for your own posters and T-shirt art is within a weekend's reach: a canvas with layers, text effects, SVG import, local background removal, PNG, SVG and PDF export, and an image API with your own key, all on Fabric.js. What you can't generate is what Kittl charges for: thousands of premium templates and mockups, licensed fonts and graphics, and the commercial license that comes with them. Text warping, CMYK and print-ready output also need far more polish than a first build shows.

$19/moprice per seat

$228you'd save a year

weekendbuild time

—people replaced it

Before you start

What you need on hand.

DifficultyIntermediate · Some system setup or keys.

TimeA weekend; text effects and clean exports take the longest

Claude Code, Codex or CursorAny of them can run the prompt.
Node.js 22Local background removal is the heaviest dependency; check its install size and speed on your machine.
Fonts you may useDownload OFL families from Google Fonts yourself; check each licence before selling anything printed with them.
Mockup imagesTransparent PNGs of a T-shirt, mug or poster, from your own photos or a source whose terms allow it.
An image API keyOptional; pay per image at the provider's rates, not through a token pool.

Before you buildKittl Free limits you to 5 projects and low-resolution exports, and it is personal use only. If you only need occasional art for yourself, check it before building.

1. Install one agent: Claude Code, Codex, Cursor.
2. Make an empty folder and open it in the agent.
3. Paste the prompt below, press enter, and answer its questions as it builds.

The prompt

Build me a local poster and T-shirt design editor to replace Kittl. Requirements:

- TypeScript: a React UI built with Vite and Fabric.js (`fabric`) for the canvas, plus a small Fastify
  server. `npm start` serves http://localhost:4600.
- Canvas: artboards from presets (A4, A3, 4500x5400 T-shirt print, 1080x1350 post) or a custom size; a
  layers panel with reorder, lock, hide and duplicate; snapping guides; at least 50 undo steps.
- Text: a font picker over font files you place in ./fonts (the README lists OFL families to
  download); effects as editable properties: outline, offset shadow, curve along an arc, letter
  spacing and gradient fill. Text stays live until export.
- Shapes and images: rectangles, ellipses, lines, polygons, SVG import, and PNG or JPEG upload;
  background removal runs locally with `@imgly/background-removal-node`.
- Mockups: place an artboard on a transparent T-shirt, mug or poster PNG from ./mockups, with a JSON
  file per mockup giving the print area. No template art ships with the app.
- AI images: a prompt box that calls the image API chosen in .env (OPENAI_API_KEY or
  REPLICATE_API_TOKEN) and saves each result in ./data/assets with its prompt in a sidecar file.
- Storage: each project is one .json file plus an assets folder under ./data/projects/, autosaved
  every 10 seconds.
- Export: PNG at 72, 150 or 300 DPI with a transparent-background option; SVG with text converted
  to paths (`opentype.js`); PDF through `pdf-lib`. A 4500x5400 export must finish in under 20 seconds.
- Single user. No accounts, no telemetry, local-first. Outbound calls: the image API you chose.
- Out of scope: templates, stock libraries, team workspaces, CMYK conversion, video, mobile apps.
- README: setup, fonts to download, how to add a mockup, and a note to check each font's licence.

Opens your agent with the prompt filled in, you press enter. Or copy it and paste it into an empty folder.

Share on X

Max MiskowSponsoredAI agents, automations and MVPs, built for your company.Visit site ›

Then keep going

Next prompts, same folder.

The first prompt builds the core. Run these one at a time in the same folder to grow it into your own Kittl.

Add batch export to the design editor in this folder. Requirements:

- Mark text layers and fill colours as variables in a project, e.g. {{title}} and {{accent}}.
- A command `editor batch <project> <file.csv>` that renders one export per CSV row, named by a
  `filename` column, in PNG, SVG or PDF as chosen.
- Fail with a clear message when a font is missing or text overflows its box; list every failure
  at the end.
- Update the README with a sample CSV.

Add a brand kit to the design editor in this folder. Requirements:

- A kit stores up to 12 colours, 3 fonts, and logo files, saved in ./data/brands/<name>.json.
- A panel to apply a kit to the current design: map colours and fonts by role (primary, accent,
  heading, body) and swap the logo layer.
- Keep the original values so a swap can be undone.
- Update the README.

Add print checks to the design editor in this folder. Requirements:

- For each placed image, compute its effective DPI at the artboard's print size and warn below 150.
- A bleed and safe-area overlay with sizes set per artboard preset.
- A PDF export option that adds bleed with crop marks.
- Show all warnings in one panel before export.
- Update the README.

Extend the mockups in the design editor in this folder. Requirements:

- Render the current artboard onto every mockup in ./mockups in one go, in a grid preview.
- Export all of them as a ZIP of PNGs named after the mockup.
- Add a per-mockup colour tint so one T-shirt image can be shown in several colours.
- Update the README.

What you lose

Premium templates, mockups, fonts, illustrations and the commercial license that covers them
Kittl Brand Studio and the Creative Agent
One token pool for dozens of image and video models
Team workspaces with several people editing one file
Polished text warping, vector tools and CMYK PDF export
The community library of shared designs

Why people still pay

People who sell print-on-demand merch or design for small brands pay for speed and rights: pick a template, change the words, export a vector or a 300 DPI file, and know the license covers a product listing. A home-built editor gives you the tool but not the template library or the license, so every design starts from a blank canvas.

Moatcontent & rights execution polish

Do the math

Kittl or your own copy?

Seats

Over

Your usage

Count my time12h ×$/h

Kittl, 1 yr$228

Your own copy, 1 yr$70running + build session

You keep$158pays for itself in the first month

Estimate · The editor runs on your machine for free. The only running cost is AI image generation at your provider's per-image price, so it depends on how many you make. The build is token usage on your agent plan.

Leaving Kittl

Take your data, then cancel.

1 · Take your data out of Kittl

1Open a design and click Export. Quick Export offers PNG, JPEG, SVG, PDF and MP4; the Export panel offers PNG, JPEG, SVG and PDF with a DPI setting.
2On Pro, Expert and Max, PNG and JPEG go up to 10,800 px at 300 DPI. On Free they are capped at 800 px at 72 DPI. SVG is vector and has no fixed pixel cap.
3Select several artboards in the Export panel to get a ZIP, or tick Combine artboards into one file for a single PDF.
4The help article doesn't mention a whole-project backup file, so export each design you want to keep editing elsewhere as SVG or PDF.

2 · Cancel Kittl

1Click your profile photo in the top right corner, then Settings.
2Under your team's name, click Plan & Billing, then Manage subscription.
3Click Cancel subscription in the lower-left corner and follow the prompts. (Alternative: Plan & Billing > Billing Information > Cancel subscription, pick a reason, continue.)
4If you belong to several teams, pick the one that holds the subscription in the team switcher first.

Your plan stays active until the period ends; then the account moves to Free and your designs stay, but premium features such as vector exports lock until you resubscribe.
Plans are non-refundable under the cancellation policy; support may review an exception.
The licensing page says rights to designs you made while subscribed don't expire, but the template and font license is granted for the time of the subscription: export your vectors and finished files before you cancel.
Designs or AI images you publish to the Kittl community transfer ownership to Kittl under its terms; private uploads stay yours.

Checked 2026-10-19 against Kittl's docs: 1, 2, 3, 4

The escape hatch

Don't feel like building it? These are already free.

PenpotOpen sourceMPL-2.0 design and prototyping tool with vector editing and real-time collaboration; self-hostable with Docker, but with no template or mockup library.★ 61k · active Oct 2026 · docker to self-host
WebVisit ↗InkscapeOpen sourceGPL vector editor for logos, posters and T-shirt art with text on paths and SVG, PDF and PNG export; a desktop app with no cloud or templates.★ 4.0k · active Oct 2026 · one-click install
macOS, Windows, LinuxVisit ↗SVG-EditOpen sourceMIT browser-based SVG drawing editor; plain static files you can host anywhere, much simpler than Kittl.★ 7.9k · active Aug 2026 · one-click install
WebVisit ↗

All 4 free alternatives to Kittl ›

The numbers

Kittl pricing

Plan	Monthly	Annual, per month	What you get
Free	$0	$0	100 AI tokens one time (up to 20 images or 1 video), 5 saved projects, 500 MB storage, PNG and JPEG exports capped at 800 px, a hand-picked set of templates.
Pro	$19	$14	2,000 AI tokens a month, unlimited projects, 10 GB, 10,000+ premium templates and mockups, exports up to 10,800 px at 300 DPI plus SVG and PDF, premium upscaler and background remover, commercial license up to 500,000 copies.
Expert	$49	$39	12,000 AI tokens a month by the plan card (the comparison table says 6,000), 200 bonus tokens a day, 100 GB, token top-ups.
Max	$85	$65	30,000 AI tokens a month by the plan card (the comparison table says 12,000), 600 bonus tokens a day, 1 TB, token top-ups, no 500,000-copy cap.

Free tier: 100 AI tokens once, 5 projects, 500 MB, PNG and JPEG capped at 800 px at 72 DPI, no commercial use.
Billing: Monthly or annual per editor, renews automatically through Stripe; cards, PayPal, Google Pay and Apple Pay. Cancel from settings and keep access until the end of the cycle. Plans are non-refundable. The pages read don't mention a trial.
Hidden costs: Monthly AI tokens don't roll over, and each model costs a different number of tokens. Top-ups are for Expert and Max by the FAQ, though the Pro card lists them too. Extra editors are billed at the plan price; viewers are free. The 500,000-copy limit applies on Pro and Expert.
Source: www.kittl.com

Also on the list

Canva$18/mo · DesignKINDA

Figma$20/mo · DesignNOT REALLY

Sketch$14/mo · DesignNOT REALLY

Questions

Kittl, briefly

Not answered here? Tell us and we'll add it.

Ask a question ›

Free gives 100 one-time AI tokens, 5 saved projects, 500 MB of storage and low-resolution exports, for personal use only.

Kinda. The core is a weekend build with the prompt on this page, but real gaps remain: Premium templates, mockups, fonts, illustrations and the commercial license that covers them, Kittl Brand Studio and the Creative Agent.

About $19 a month on the Pro plan per seat, $228 a year (checked 2026-10-19).

Premium templates, mockups, fonts, illustrations and the commercial license that covers them; Kittl Brand Studio and the Creative Agent; One token pool for dozens of image and video models; Team workspaces with several people editing one file; Polished text warping, vector tools and CMYK PDF export; The community library of shared designs. If any of those matter to you, keep paying.