Design process
A vertical workflow test for stacked cards and arrow spacing.
Scene JSON
{
"version": "0.1",
"id": "design-process-flow",
"title": "Design process",
"description": "A vertical workflow test for stacked cards and arrow spacing.",
"canvas": {
"width": 760,
"height": 720,
"background": "background",
"padding": 40
},
"theme": {
"id": "clean-light"
},
"nodes": [
{
"id": "title",
"x": 380,
"y": 58,
"type": "text",
"text": "Design process",
"fontSize": 28,
"align": "center"
},
{
"id": "flow",
"x": 220,
"y": 110,
"width": 320,
"height": 500,
"accessibility": {
"label": "Design process flow diagram",
"role": "img"
},
"type": "component",
"component": "FlowDiagram",
"props": {
"direction": "vertical",
"arrows": true,
"items": [
{
"id": "ask",
"label": "Ask"
},
{
"id": "sketch",
"label": "Sketch"
},
{
"id": "prototype",
"label": "Prototype"
},
{
"id": "test",
"label": "Test"
},
{
"id": "refine",
"label": "Refine"
}
]
}
}
]
}