Free Templates

Design Templates for Stitch

Use these free markdown templates in a conversation with your preferred LLM and upload the completed versions to Stitch with the instructions "please design this."

Three bundles available for games/interactive web apps, websites, and presentations.

No spam. Just tools and the occasional useful thing.

Download Your Template Bundles

Each bundle contains design MDs ready to upload to Stitch, Claude Code, or any AI design tool.

🎮

Game Bundle

Design system templates for game and interactive app projects. Covers app flow, visual style, design guidelines, and user personas.

  • App Flow, Pages & Roles
  • Visual Style Guide
  • Design Guidelines
  • Personas, Taxonomy & Onboarding
Download Game Bundle
🌐

Website Bundle

Templates for marketing sites and web projects. Includes site architecture, content strategy, visual style, and design guidelines.

  • Site Architecture & Navigation
  • Content Strategy & Messaging
  • Visual Style Guide
  • Design Guidelines
Download Website Bundle
🎤

Presentation Bundle

Templates for slide decks and talks. Covers presentation structure, speaker notes, audience personas, and slide visual style.

  • Presentation Structure & Flow
  • Speaker Notes Framework
  • Audience Persona & Engagement
  • Visual Style Guide for Slides
Download Presentation Bundle

Suggested Stitch Best Practices

01

Provide design MDs in your first ask

Upload your design system files (app-flow, site-architecture, design-system, design-guidelines, and one project-specific file) in the first message. You can only upload 5 files per chat — make them count.

02

Start with "please build this" and let it read

The more prescriptive your first prompt, the worse the output. Give Stitch room to read your files and be creative. Let the design MDs do the talking.

03

Emotions don't move the needle

"This is great!" or "This is terrible!" didn't seem to affect outcome quality either way. Save the emotional labor.

04

You get about 3 rounds of edits

After roughly three rounds of feedback, quality starts degrading — doing nothing, or doing things wrong. Start a new chat if you need more iteration.

05

Use synonym-rich descriptions

Descriptive words are hit or miss. "RenFest" drew a blank, but "medieval" worked well. Include multiple ways to say the same thing so the model has reference points to draw from.

06

Don't include reference images

When you provide "inspirational" imagery, Stitch may literally paste those images into the design. Be careful if you don't own the rights to reference material.

07

Token burn may degrade quality

Unproven theory: when you hit a certain token count, output quality drops. The first project in a session tends to be stunning; subsequent ones get progressively worse.

08

AI gets you 50% there

Stitch is a great example of using AI well — be thoughtful when designing the project, provide context, let it get you halfway, then apply human judgment and refinement to cross the finish line.

Need a custom AI-powered tool?

We build vibe-coded apps and AI automations for GTM teams. If you need something beyond templates, let's talk.

Book a Discovery Call