Skip to main content
An artifact is a designed, rendered piece of work: a slide deck, a moodboard, a diagram, an interactive prototype, a dashboard, a print-ready document. Every artifact is made of frames — the slides, pages, or panels of the work — laid out on a canvas.

Artifact types

There are four kinds of artifact. The type decides the frame size and how the work is shown.

Creating an artifact

The main way to create an artifact is to ask the agent.
1

Describe what you want

In the chat panel, tell the agent what to make — “Create a five-slide deck summarizing the Q3 review” or “Build a one-page poster for the launch event.” If the request leaves too much open, the agent asks a few questions first: what it’s about, who it’s for, what material to draw from.
2

Watch it build

The agent builds the artifact frame by frame, and the chat shows its progress as each frame is added.
3

Open the result

When it’s done, the artifact appears as a chip in the chat. Click it to open the artifact.
You can also start from a blank one: click New in the top bar, choose More types…, and pick Presentation, Artboard, App, or Publication. A blank artifact offers three example prompts suited to its type — for a presentation, “Build a pitch deck for a client: the problem, our approach, the team, the ask”. Click one to send it to the agent, or describe what you want in the chat. On Studiograph Cloud, the Getting Started folder holds example presentations, publications, diagrams, infographics, landing pages, and social media posts to start from.

Working on the canvas

Opening an artifact shows all of its frames on a canvas. Pan with the trackpad and pinch to zoom, or use the zoom controls. The canvas toolbar sets what a click does: Reset view fits everything back on screen, and Esc clears the selection.

Editing with the agent

Most changes are a request to the agent. To point at a specific part, select a frame or an element — or draw a marquee or lasso around an area — then say what to change: “make this headline bigger,” “swap this chart to a bar chart.” The agent knows what you selected and edits that part.

Editing directly

A few edits you can make yourself:
  • Edit text — double-click a text element, or select it and press Enter. Press Esc when you’re done.
  • Delete — select frames or elements and press Delete or Backspace. Studiograph asks you to confirm.
  • Reorder frames — drag a frame’s label.
  • Rename a frame — double-click its label.
There’s no drawing tool; for anything new, ask the agent.

Working together

When teammates have the same artifact open, you see their cursors and selections live, and a Chat button (/) lets you talk right on the canvas. The Comments panel holds comments on the artifact as a whole, and the History panel previews earlier versions — choose Restore to bring one back. The current version stays in History, so restoring never loses work.

Showing an artifact

Click Show in the artifact’s toolbar to open it in a new browser tab, without the rest of the app. How it behaves depends on the type. A presentation steps one slide at a time: On a phone, pinch to zoom and drag to pan around an artboard.

Sharing

Open the … menu and choose Share. Create public link makes a read-only link anyone can open, and copies it for you. The public page opens the artifact the way Show does, and it updates automatically every time the artifact is saved. Stop sharing turns the link off. See Sharing.

Downloading

Open the … menu and choose Download: One download runs at a time. There is no PowerPoint export.

Fonts

Artifacts get fonts two ways:
  • Your library, for brand fonts. Upload licensed or custom font files (woff2, woff, ttf, otf) to your library and the agent can apply them by family name. When you ask for work carrying a brand’s name, the agent checks your library for that brand’s fonts first, and if they aren’t there yet, it uses a close substitute and tells you, so you can upload the real ones. Fonts in the artifact’s own folder, or in a folder shared with everyone, render for viewers automatically and are bundled into downloads. If you’ll move the artifact to another top-level folder, see What moves with an entry.
  • Google Fonts, by link. A standard Google Fonts stylesheet link (fonts.googleapis.com) just works — ask the agent for any Google font by name. Downloads embed the font files, so a PDF or HTML file keeps the exact typeface, even offline.
Other external font hosts aren’t supported — import the files into your library instead.

Libraries and external resources

Artifacts run in a locked-down sandbox, with a small, pinned set of trusted sources allowed in:
  • Built-in libraries — three.js (3D), D3 (data visualization), Motion (animation), and p5.js (generative and creative coding). The agent requests them per artifact, and Studiograph serves verified copies from your workspace’s own server, so no third party is involved when someone views your work.
  • Other JavaScript libraries — the agent can use any library published on cdnjs.cloudflare.com or jsDelivr’s npm mirror (cdn.jsdelivr.net/npm/…), always pinned to an exact version so your artifact never changes behavior when a library updates. HTML downloads include these too.
  • Everything else stays out. Arbitrary external scripts, images, trackers, and network calls are blocked by the sandbox. For an image or file hosted elsewhere, import it into your library — or ask the agent to save it from its web address.

When something doesn’t show

Next