Tool / Direct manipulation
Devsigner
A reversible experiment with the rendered page, before committing a change to its source.
- Direction
- Krystian Fernando
- Scope
- Tool / Direct manipulation
- Stage
- Local proof of concept
01 / The story
Move it and see.
Devsigner emerged while working on this portfolio. Sometimes describing a change was less useful than moving the thing and looking at the result.
The experiment freezes one viewport into meaningful layers. Position, dimensions, typography and copy become things that can be tried directly.
02 / The story
Keep the original close.
Original and Experiment views make the comparison immediate. Undo, redo, per-layer revert and reset let a sequence of changes remain reversible.
Exiting returns to the live page. The current proof preserves that source and does not retain experiments across reloads.
03 / The story
An accepted target is the next step.
The longer direction is to carry an accepted arrangement into implementation and verify that the result matches.
That handoff is still being developed. The working proof establishes the manipulation and comparison surface; the research note holds the actual product captures.
Contribution
Product direction and iterative visual review. Extracted from the DevNotes frozen-canvas experiment, with beabpossible implementing the proof.
Local proof of concept
Explore the existing research ↗Next project
Studio
An edit can begin with the pieces you have.