JsonCut
Kostenlos im Studio starten

Mach aus einem fertigen Designein wiederverwendbares System.

Speichere jedes Bild oder Video als Vorlage und leg fest, was sich ändern darf: ein Name, eine Stadt, ein Produkt, eine Sprache. Layout, Timing und Animation bleiben wie freigegeben, sodass jede Version aussieht wie die, die dein Kunde abgenommen hat.

Kostenlos im Studio startenVorlagen-Guide lesen

Ändere die Werte.Das Design hält.

Wähl einen Markt: Fünf Felder ändern sich, alles andere bleibt fixiert. So verhält sich eine Vorlage im Studio, in einer Tabelle und über die API.

headlineText
Dein Serum ist zurück.
priceText
€29
marketText
Berlin
photoBild
serum-still.jpg
offerEin- oder ausblenden
−20 % diese Woche

Fixiert: Layout, Schriften, Farben, Zuschnitt und Animation.

Northbay Store · BerlinDein Serum ist zurück.€29−20 % diese Woche

Felder für alles,was sich ändern soll.

  • Text

    Headlines, Namen, Preise, Städte, eine ganze Untertitelzeile.

  • Zahl

    Werte, aus denen Diagramme, Zähler und Preise lesen.

  • Bild, Video, Audio

    Ein Produktfoto, ein Clip oder ein Voiceover, an Ort und Stelle ausgetauscht und genauso zugeschnitten.

  • Farbe und Schalter

    Eine Markenfarbe oder ein Badge, das nur erscheint, wenn eine Zeile es verlangt.

Befülle sie von da, wodie Daten liegen.

Eine Version von Hand im Studio-Formular, eine ganze Tabelle auf einmal oder direkt aus deinen Tools. Jeder Weg prüft die Werte gegen dieselben Felder, bevor irgendetwas gerendert wird.

  • Studio-FormularWerte eintippen, Vorschau, exportieren.
  • CSV oder JSONEine Zeile pro Version, bis zum Massen-Limit deines Tarifs.
  • API, MCP, n8n und MakeFrag Claude oder ChatGPT oder lass deine Automatisierung die Werte schicken.
Eine Vorlage aus einer Tabelle befüllen
Eine Version rendern · cURL
curl -X POST "$JSONCUT_API/api/v2/templates/$TEMPLATE_ID/renders" \
  -H "X-API-Key: $JSONCUT_API_KEY" \
  -H "Idempotency-Key: northbay-berlin-1042" \
  -H "Content-Type: application/json" \
  -d '{
    "values": {
      "headline": "Your serum is back.",
      "price": "€29",
      "market": "Berlin",
      "photo": "jsoncut-media://media_01J...",
      "offer": "−20% this week"
    },
    "kind": "image",
    "format": "webp"
  }'

Designs, gemacht zum Wiederholen.Echte JsonCut-Ergebnisse.

Nutzungs-Infografik aus Daten
Ein personalisiertes Jahresrückblick-Bild
Persönlicher Jahresrückblick
Eine Bestandskarte für einen Autohändler
Bestandskarte für Autohändler

Kein neues Format.Dasselbe Projekt, wiederverwendet.

Eine Vorlage ist ein normales JsonCut-Projekt mit Feldern. Designer behalten die Quelle; Anwender, Entwickler und Agenten bekommen Eingaben, die sie verstehen.

  1. Ganz normal erstellen

    Bau das Bild oder Video im Studio, von Hand oder mit dem AI Director.

  2. Festlegen, was sich ändern darf

    Mach Text, Medien oder Farbe einer Ebene zum Feld. Das Projekt wird zur Vorlage, nichts wird neu gebaut.

  3. Echte Werte prüfen

    Befülle die Felder mit echten Daten und sieh dir jede Version am echten Design an.

  4. Eine Version veröffentlichen

    Automatisierungen nutzen eine feste Version der Vorlage, während du die Quelle weiterbearbeitest.

Bevor du die erste Vorlage baust.Fragen zu Vorlagen.

Ist eine Vorlage ein eigenes Dokumentformat?

Nein. Es ist dasselbe Projektmodell mit einem typisierten öffentlichen Eingabeschema.

Kann ich Vorlagenwerte visuell testen?

Ja. Der Vorlagen-Workspace zeigt erkannte Felder neben einem Live-Ergebnis, bevor du renderst.

Können Vorlagen Bilder, Video und Audio enthalten?

Ja. Medieneingaben verweisen auf hochgeladene Projektdateien oder unterstützte externe Quellen.

Mach die erste Version.Die nächsten tausend gehen dann leicht.

Kostenlos im Studio startenVorlagen-Guide lesen