Design frame

Create an editable graphic/marketing DESIGN inside a MockFlow IdeaBoard design frame (posters, flyers, banners, social posts, business cards, brand/slide layouts).

Updated 18 Sep 20261 min read

Send "type": "design_frame".

Create an editable graphic/marketing DESIGN inside a MockFlow IdeaBoard design frame (posters, flyers, banners, social posts, business cards, brand/slide layouts). For UI screens/wireframes use render_wireframelite; for brainstorming/strategy canvases use render_whiteboard. NOT a way to make a picture: this composes a multi-element design out of editable shapes and text, so "an image/photo/illustration of X" is render_image, not this tool, even though a design can contain imagery.

Also available as the MCP tool render_designframe. The same payload works through either surface.

Fields

data

titlestring

A short title shown as the frame header (e.g. "Q3 Campaign Poster").

componentsobjectrequired

Compressed design layout with 'c' array of components (MF_Section, MF_Rectangle2, MF_Text, MF_Ellipse2, and MF_ImageComp when images were requested).

Child attributes

cobject[]required

Example

{
  "type": "design_frame",
  "data": {
    "title": "Q4 Launch Planning",
    "components": {
      "c": [
        {
          "t": "string",
          "x": 0,
          "y": 0,
          "w": 0,
          "h": 0,
          "a": 0,
          "e": "string",
          "tx": "string",
          "ta": "left",
          "fs": 0,
          "fcl": "string",
          "fw": "normal"
        }
      ]
    }
  }
}

Was this page helpful?