Paperclip comes with visual tooling that enables you to build your UIs in realtime. The quickest way to start using the visual tools is to run:
npx @paperclip-ui/cli designer
In your project directory where your Paperclip files live. Here's what you should see:
You can run this window in tandem with your text editor, and changes that you make will instantly appear when you save.
- To zoom, scroll & hold down the
- To measure between elements, just select an element, then hold
ctrlby hovering over another element.