← WebMCP Directory

uidesigneditor.com

uidesigneditor.com

live Unverified (seed import) Developer Tools 14 tools imperative implementation

A simple and free ui design tool. Select, cut, move and resize. Work together with your AI. No signup.

First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com

Answer 1 · Act 13 · Transact 0 · Score: Not yet scored

Tool inspector

create_design

act imperative

Create and open a full design as a new named project, keeping existing projects. Prefer this for new work unless the user asks to edit an existing project. Supply the whole canvas and items ordered from back to front; an empty items list creates a blank page. Items stay separate and editable. Standalone drafts without Projects replace their page in one Undo step. Read the current projectId and revision first. Returns the new open project, design and revision.

Page: /

Input schema

PropertyTypeRequiredDescription
projectId string yes Open project id from the latest tool result. Use select_project first to edit another project.
revision string yes Revision from the latest tool result. Call read_design again if the page changed; never reuse an old revision after an edit.
name string yes Project name from 1 to 200 characters; must contain some text.
canvas object yes Page size and color. Supply all three fields. Width times height must be at most 24 million pixels.
items array yes Whole design, ordered from back to front. Use an empty list for a blank page.
Raw JSON schema
{
  "type": "object",
  "properties": {
    "projectId": {
      "type": "string",
      "maxLength": 200,
      "minLength": 1,
      "description": "Open project id from the latest tool result. Use select_project first to edit another project."
    },
    "revision": {
      "type": "string",
      "maxLength": 100,
      "minLength": 1,
      "description": "Revision from the latest tool result. Call read_design again if the page changed; never reuse an old revision after an edit."
    },
    "name": {
      "type": "string",
      "maxLength": 200,
      "minLength": 1,
      "description": "Project name from 1 to 200 characters; must contain some text."
    },
    "canvas": {
      "type": "object",
      "properties": {
        "width": {
          "type": "number",
          "minimum": 1,
          "maximum": 16000,
          "description": "Page width in pixels, up to 16,000."
        },
        "height": {
          "type": "number",
          "minimum": 1,
          "maximum": 16000,
          "description": "Page height in pixels, up to 16,000."
        },
        "background": {
          "type": "string",
          "maxLength": 128,
          "description": "Page fill color, such as #ffffff or transparent."
        }
      },
      "required": [
        "width",
        "height",
        "background"
      ],
      "additionalProperties": false,
      "description": "Page size and color. Supply all three fields. Width times height must be at most 24 million pixels."
    },
    "items": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "type": "string",
            "maxLength": 200,
            "description": "Name shown in the item list."
          },
          "x": {
            "type": "number",
            "minimum": -16000,
            "maximum": 16000,
            "description": "Left edge in canvas pixels; 0 is the left edge of the page."
          },
          "y": {
            "type": "number",
            "minimum": -16000,
            "maximum": 16000,
            "description": "Top edge in canvas pixels; 0 is the top of the page."
          },
          "w": {
            "type": "number",
            "minimum": 0.1,
            "maximum": 16000,
            "description": "Box width in canvas pixels."
          },
          "h": {
            "type": "number",
            "minimum": 0.1,
            "maximum": 16000,
            "description": "Box height in canvas pixels."
          },
          "text": {
            "type": "string",
            "maxLength": 100000,
            "description": "Text shown by this item."
          },
          "fontSize": {
            "type": "number",
            "minimum": 1,
            "maximum": 1024,
            "description": "Text size in pixels."
          },
          "iconSize": {
            "type": "number",
            "minimum": 1,
            "maximum": 2048,
            "description": "Icon size in pixels."
          },
          "icon": {
            "type": "string",
            "maxLength": 100,
            "description": "Icon name from read_design with iconSearch; use an empty string to clear it."
          },
          "color": {
            "type": "string",
            "maxLength": 128,
            "description": "Text or icon color, such as #ffffff."
          },
          "background": {
            "type": "string",
            "maxLength": 128,
            "description": "Fill color, such as #000000 or transparent."
          },
          "borderColor": {
            "type": "string",
            "maxLength": 128,
            "description": "Border color."
          },
          "borderWidth": {
            "type": "number",
            "minimum": 0,
            "maximum": 1000,
            "description": "Border width in pixels; 0 hides it."
          },
          "radius": {
            "type": "number",
            "minimum": 0,
            "maximum": 16000,
            "description": "Corner radius in pixels."
          },
          "opacity": {
            "type": "number",
            "minimum": 0,
            "maximum": 1,
            "description": "Opacity from 0 (clear) to 1 (solid)."
          },
          "align": {
            "enum": [
              "left",
              "center",
              "right"
            ],
            "description": "Text alignment within the box."
          },
          "fontWeight": {
            "type": "number",
            "minimum": 100,
            "maximum": 900,
            "description": "Text weight from 100 to 900; 400 is normal and 700 is bold."
          },
          "lineHeight": {
            "type": "number",
            "minimum": 0.1,
            "maximum": 10,
            "description": "Line height as a multiple of text size."
          },
          "fontFamily": {
            "enum": [
              "sans",
              "serif"
            ],
            "description": "Text face: sans or serif."
          },
          "wrap": {
            "type": "boolean",
            "description": "Whether text may wrap onto more than one line."
          },
          "hidden": {
            "type": "boolean",
            "description": "Hide this item without removing it."
          },
          "iconOffsetX": {
            "type": "number",
            "minimum": -16000,
            "maximum": 16000,
            "description": "Horizontal icon offset in pixels."
          },
          "highlightWord": {
            "type": "string",
            "maxLength": 10000,
            "description": "Word or text to highlight in a reading item."
          },
          "highlightColor": {
            "type": "string",
            "maxLength": 128,
            "description": "Fill color behind the highlighted text."
          },
          "contentScale": {
            "type": "number",
            "minimum": 0.001,
            "maximum": 1000,
            "description": "Scale the contents inside the box; 1 keeps their size."
          },
          "shape": {
            "enum": [
              "rectangle",
              "arrow"
            ],
            "description": "Shape type for a shape item; omit for a plain box."
          },
          "strokeWidth": {
            "type": "number",
            "minimum": 0.5,
            "maximum": 1000,
            "description": "Arrow line width in pixels."
          },
          "arrowStart": {
            "type": "object",
            "properties": {
              "x": {
                "type": "number",
                "minimum": 0,
                "maximum": 1,
                "description": "Horizontal position within the item, from 0 at the left to 1 at the right."
              },
              "y": {
                "type": "number",
                "minimum": 0,
                "maximum": 1,
                "description": "Vertical position within the item, from 0 at the top to 1 at the bottom."
              }
            },
            "required": [
              "x",
              "y"
            ],
            "additionalProperties": false,
            "description": "Arrow start within the item box, with each value from 0 to 1."
          },
          "arrowEnd": {
            "type": "object",
            "properties": {
              "x": {
                "type": "number",
                "minimum": 0,
                "maximum": 1,
                "description": "Horizontal position within the item, from 0 at the left to 1 at the right."
              },
              "y": {
                "type": "number",
                "minimum": 0,
                "maximum": 1,
                "description": "Vertical position within the item, from 0 at the top to 1 at the bottom."
              }
            },
            "required": [
              "x",
              "y"
            ],
            "additionalProperties": false,
            "description": "Arrow end within the item box, with each value from 0 to 1."
          },
          "src": {
            "type": "string",
            "maxLength": 40000000,
            "pattern": "^data:(image/(png|gif)|video/mp4);base64,[A-Za-z0-9+/=]+$",
            "description": "Full PNG, GIF, or MP4 data URL. Required for image and video items. MP4 videos loop with sound off. Use import_image for other picture types. Replacing src clears saved inner image edits."
          },
          "imageBase": {
            "type": "boolean",
            "description": "Marks a picture as the page background; keep the value returned by read_design."
          },
          "pictureFragment": {
            "type": "boolean",
            "description": "Marks a piece moved from a picture; keep the value returned by read_design."
          },
          "id": {
            "type": "string",
            "maxLength": 200,
            "minLength": 1,
            "description": "Unique item id. Omit when adding an item to let the editor assign one."
          },
          "kind": {
            "enum": [
              "label",
              "icon",
              "shape",
              "reading",
              "tab",
              "button",
              "textbox",
              "image",
              "video"
            ],
            "description": "Item type. Use shape with shape rectangle or arrow for shapes, and label for plain text."
          }
        },
        "required": [
          "kind",
          "x",
          "y",
          "w",
          "h"
        ],
        "additionalProperties": false
      },
      "minItems": 0,
      "maxItems": 5000,
      "description": "Whole design, ordered from back to front. Use an empty list for a blank page."
    }
  },
  "required": [
    "projectId",
    "revision",
    "name",
    "canvas",
    "items"
  ],
  "additionalProperties": false
}

Similar websites

morphus.myles4miles.chatgpt.site

morphus.myles4miles.chatgpt.site

Morphus is an AI-native workspace for designing worlds and generating playable game experiences.

live Unverified Developer Tools Transact tools
154 tools A23 / Act124 / T7 Not yet scored Seen 2026-11-05
list_nodes get_scene_settings get_node_details get_terrain_state get_forest_state
Inspect tools
damnpdfs.com

damnpdfs.com

Install the DamnPDFs Codex plugin, pair a browser workspace and use PDF, image and file tools from your coding agent. Includes setup and privacy limits.

live Unverified Developer Tools Transact tools
81 tools A3 / Act77 / T1 Not yet scored Seen 2026-11-05
scan_to_pdf workflow merge_pdf alternate_mix_pdf compress_pdf
Inspect tools
insignifi4nt.github.io

insignifi4nt.github.io

broCAD/M: local-first CAD and CAM for parametric design, wire EDM planning, simulation and controller export.

live Unverified Developer Tools Transact tools
80 tools A29 / Act49 / T2 Not yet scored Seen 2026-11-05
edm_inspect_approach edm_describe_edits edm_get_context edm_list_projects edm_get_project
Inspect tools
cabinet.varera.studio

cabinet.varera.studio

The Cartographer's Cabinet

live Unverified Developer Tools Transact tools
64 tools A10 / Act50 / T4 Not yet scored Seen 2026-11-05
inspect_daylight inspect_cartographers_project list_project_hierarchy inspect_open_map search_project_objects
Inspect tools

Related on Influzer