Wireframer - Browser Side Panel

Open Wireframer in Chrome's native side panel split view.

公式サイトには日本語と英語の説明があります。 Wireframer is a Chrome extension that opens in the browser’s native side panel, letting you build rough banner and UI wireframes while keeping the reference page visible in a split-view workflow. Add Head, Text, Button, Image, Box, and Callout elements, then arrange them quickly with drag-first editing. The editor supports Illustrator-style selection workflows, including marquee drag-select, Shift+click to add or remove individual objects from the selection, and grouped movement for selected objects. Objects can be moved freely across the work area, making it easier to organize layouts and temporary elements while keeping preview/export output focused on the intended canvas result. Wireframer also includes a compact left rail that can switch between labeled tools and icon-only mode, helping you save space when working in a narrow side panel. Preview, PNG download, and Copy PNG actions are available from the header as icon-based controls, so you can quickly check, export, or copy your design. Built for lightweight wireframing, banner drafting, and quick design communication, Wireframer keeps the workflow fast, visual, and local to your browser.