Funktion
Der visuelle Editor für Bilder
Open-Graph-Karten und Social-Media-Bilder sind Gestaltung, kein Code. Auf der Arbeitsfläche setzen die Menschen, die sie gestalten, Text und Bilder dorthin, wo sie hingehören, und jedes Bild rendert trotzdem über dieselbe API wie Ihre PDFs.
Kostenloser Plan mit 100 Einheiten im Monat, keine Kreditkarte
Ebenen auf einer Arbeitsfläche
Fügen Sie Text, Bilder, Rechtecke, Ellipsen, Linien, QR-Codes und Barcodes hinzu, und verschieben, skalieren und drehen Sie sie, eingerastet an der Arbeitsfläche, aneinander und an Hilfslinien, die Sie aus den Linealen ziehen. Rückgängig, Verschieben mit den Pfeiltasten und eine Ebenenliste, die Sie per Ziehen ordnen, sind von Anfang an dabei.
- Vorlagen zum Beginnen. Eine Artikelkarte, eine Zitatkarte und eine Event-Story mit Beispieldaten, oder eine leere Arbeitsfläche in der Größe, die Sie brauchen.
- Direkt tippen. Doppelklicken Sie einen Text auf der Arbeitsfläche und tippen Sie; die Änderung ist ein Schritt zum Rückgängigmachen.
Text aus Ihren Daten
Text-Ebenen enthalten Felder Ihrer Daten als Chips, mit Formaten für Geldbeträge, Zahlen, Datumsangaben und Großbuchstaben. Bilder kommen aus der Dateibibliothek, von einer Webadresse, von einer URL in den Daten oder sind Ihr Markenlogo, und eine Ebene kann nur erscheinen, wenn ein Feld einen Wert hat. Diese Anfrage befüllt eine Vorlage, die mit der „Artikelkarte“ begonnen wurde:
{
"template": "artikelkarte",
"output": "png",
"data": {
"site": { "name": "Fennlor Studio" },
"post": { "title": "Wie unser Rechnungslauf von einer Stunde auf vier Minuten schrumpfte", "author": "Max Mustermann" }
}
}Titel, die in ihre Box passen
Ein Titel wechselnder Länge bekommt die größte Schriftgröße, mit der er passt, zwischen seiner eigenen Größe und einem Minimum, das Sie festlegen. Vorschau und Render stimmen überein, und ein Klick prüft jeden Datensatz und nennt jeden Text, den er abschneiden würde.
Darunter eine gewöhnliche Vorlage
Die Arbeitsfläche schreibt HTML und CSS der Vorlage, während Sie arbeiten; Renderings, die SDKs, das Kommandozeilenwerkzeug und die Integrationen sehen also eine normale Vorlage. Lösen Sie das Design, wann immer Sie den Code von Hand bearbeiten wollen; ältere Versionen behalten ihr Design.
- Brand Kit. Markenfarben bleiben mit dem Brand Kit verbunden: Eine neue Markenfarbe färbt jede Ebene um, die sie nutzt; nur ein QR-Code behält die Farbe, mit der er gezeichnet wurde.
- Als Dateien. Das Kommandozeilenwerkzeug legt das Design in design.json neben template.html ab.
FAQ
- In welchen Plänen?
- In jedem Plan. Die Arbeitsfläche ist in der Beta.
- Kann ich damit PDFs gestalten?
- Noch nicht: Die Arbeitsfläche ist für Bildvorlagen. PDF-Vorlagen schreiben Sie im Code-Editor mit seinen Bausteinen, und ihren Wortlaut können Sie direkt in der Vorschau bearbeiten.
- Was kostet ein Bild?
- Ein Bild ist eine Einheit, wie auch immer es gestaltet wurde. Test-Renderings sind kostenlos.