Mockaps Mockaps

KEEP THE EDITABLE VERSION

Your next draft,
ready when you are.

Save a project, pick it up on another device, or bring in a conversation you wrote with an AI assistant.

← All app mockup tools

Save it. Open it. Make another version.

Choose Save project below any social or app mockup editor. It downloads a small JSON file containing your settings, text and any photos you added. Use Open project in the same tool to load it again.

You can send the file to a teammate, too. They can change every detail without needing your account. The file includes its content, so share it only with people you choose.

Projects are read in your browser. Opening or saving one does not upload it to Mockaps or create a public page. Your latest draft also stays in this browser, but a downloaded project is a useful backup if you clear browser data.

Turn a conversation into a chat image.

In iOS Messages or Messenger Chat, choose Paste conversation. Put your messages after “You:” and the other person’s after “Contact:” or their name.

Alex: Have you seen the new collection?
You: Yes! That green one is my favorite.
You: Saving it for later.

Preview the names and sides before applying. Consecutive messages from the same person stay together. You can import up to 20 messages, with 500 characters per message. Indent a line to include a line break inside the previous message.

This replaces the conversation and its photos, while keeping your other settings. Undo import restores the previous draft until you reload the page.

Bring a draft from your AI assistant.

Download your current project or a starter file below. Ask your assistant to edit the text and settings while keeping the same project format and tool name. Then paste the complete JSON into Open project, or choose the file.

For example, this creates a short iOS conversation in the mobile layout. You review the import before it replaces anything.

{
  "format": "mockaps-app-project",
  "version": 1,
  "tool": "ios-messages-mockup-generator",
  "state": {
    "name": "Alex",
    "device": "mobile",
    "theme": "light",
    "scale": 3,
    "messages": [
      {
        "sender": "them",
        "type": "text",
        "text": "Have you seen the new collection?"
      },
      {
        "sender": "you",
        "type": "text",
        "text": "Yes! That green one is my favorite."
      }
    ]
  }
}

Files can be up to 20 MB. Uploaded images must be embedded PNG, JPG or WebP data, rather than links to external images. You can always add photos through the editor after importing.

All current app-tool editing and PNG/JPG downloads at 1×, 2× and 3× are free, with no account or watermark. Long conversations may need a smaller export size to fit browser image limits. See the app-tool usage terms.

Start with the right tool.

For developers and assistants.

The version 1 project schema describes supported tools and fields. Each starter file shows a complete set of default settings. Missing settings use the tool’s defaults; unknown top-level state fields are rejected. Values outside supported ranges may be adjusted and flagged during review.

Project import prepares an editable design. It does not provide a hosted rendering API, connect to social accounts or publish content. The user can review the result and download an image in the browser.