Task path / input to outcome
How to stage a fictional chat mockup
- 01
Name the fictional contact
Enter the attribution or fictional contact. Identity text appears at the top of the artwork. Every value is supplied by you; no account is queried.
- 02
Write both lines
Fill Incoming line and Outgoing line with up to 400 characters each. The lines render as the two bubbles of a single exchange — the incoming bubble in a neutral gray on the left, the outgoing one in a pale green offset to the right.
- 03
Set the scripted time
Enter a scripted time of up to 20 characters. It appears below the message bubbles in the preview and PNG. This is your own caption, not a verified timestamp; this tool has no device-label field.
- 04
Generate and review the concept card
Generate lays out a PNG locally, and the preview displays that exact downloadable image. Editing or resetting clears the old result. Expand the text summary below the preview to read or copy its content. Fixed image labels use this page’s language; your text is preserved.
- 05
Export the exchange
Download the marked 1200 × 900 PNG. Check the fictional contact, incoming and outgoing lines, and scripted time against the preview; keep the fictional marking visible when sharing.