Web

Web Editing Flow UX Design

Explore the top editing flow UX design inspirations for web. Hundreds of thousands of designers already browse curated editing flow UX design samples on Mobbin. Join for free.

Drawing a canvason
Krea AI

The user selects a color and brush size before drawing on the canvas. The canvas then displays the result of the user's drawing.

Drawing Canvas Internal Tool Draw & Annotate

Adding a signatureon
Jobber

The user flow demonstrates collecting a signature for a quote, updating the quote status to approved, and displaying the completed quote.

Drawing Action Option Draw & Annotate Canvas Dropdown Menu

Adding a brushon
Canva

The user opens the 'Text' menu, selects a brush tool, draws a line, and changes its color to green. The goal is to add a brush stroke.

Drawing Draw & Annotate Toolbar

Drawing arrowson
Slite

The user draws arrows between shapes on a canvas using the stroke menu. The flow demonstrates how to connect shapes using arrows.

Drawing Canvas Draw & Annotate Dialog Button Stepper

Drawing on videoon
VEED

The user customizes a video by navigating to the draw options, selecting different brush strokes, and adding a flower sticker. The flow demonstrates video customization.

Drawing Draw & Annotate

Adding a trend angleon
Binance

The user flow demonstrates adding and adjusting a trend angle on a cryptocurrency chart. The user selects the trend angle tool and adjusts the angle.

Drawing Internal Tool Keyboard Key Select

Drawing a vectoron
Figma

The user flow demonstrates drawing a vector on a canvas. Starting from a blank canvas, the user adds lines and curves to create a final vector drawing.

Drawing Draw & Annotate

Drawing on boardon
Craft

The user flow demonstrates creating a mind map on a whiteboard by adding ideas, linking them, and adding visual icons. The user utilizes the drawing toolbar to create the mind map.

Drawing