Wireframes · Example Payload

Wireframes Component Example

DesignFigmaPrototypingUI DesignUXWireframing

Wireframes Component Example is an example object payload from Wireframes, with 10 top-level fields. It illustrates the shape of data this provider's APIs accept or return.

Top-level fields

idnametypefidelitypositiondimensionsannotationsinteractivelinkedScreendesignToken

Example Payload

Raw ↑ 
{
  "id": "comp-nav-001",
  "name": "Primary Navigation Bar",
  "type": "Navigation",
  "fidelity": "Low",
  "position": {
    "x": 0,
    "y": 0
  },
  "dimensions": {
    "width": 1440,
    "height": 64
  },
  "annotations": [
    "Logo links to home page",
    "Navigation items: Home, Products, Pricing, Blog, Contact",
    "CTA button 'Get Started' in top right corner",
    "Mobile: collapse to hamburger menu at 768px breakpoint"
  ],
  "interactive": true,
  "linkedScreen": "screen-home-001",
  "designToken": "nav-primary"
}