Wireframer - Browser Side Panel

Tracking since Apr 2, 2026.

Changelog

• Apr 27, 2026
  short_description

  Open Wireframer on the left side of the current page with a draggable split divider.

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

• Apr 27, 2026
  name

  Wireframer - Wireframe Split View

  Wireframer - Browser Side Panel

• Apr 27, 2026
  permissions

  activeTab, scripting, storage

  sidePanel

• Apr 27, 2026
  description

  公式サイトには日本語と英語の説明があります。
  Wireframer is a Chrome extension that helps you build and share wireframes directly in the browser—fast, clear, and consistent. **Drag-first interaction for fast placement** lets you drop UI elements where you need them in seconds, so you can turn ideas into layouts without friction. **Preview and output stay visually aligned**, meaning what you see while designing closely matches what you deliver, reducing surprises and rework. And with **Callouts make design intent easy to share**, you can add simple annotations to explain decisions, highlight requirements, and communicate behavior—making handoff smoother for designers, developers, and clients. Wireframer keeps your workflow lightweight while improving speed, accuracy, and collaboration.

  公式サイトには日本語と英語の説明があります。
  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.

Permissions & access

Permissions

sidePanel

Host access

None declared

Screenshots

Similar extensions

Alternatives to Wireframer - Browser Side Panel, ranked by description similarity.

Outline Inspector

Quickly visualize HTML structure with a single click.

7

Pixel Perfect by Workflow.design

Make sure your websites are pixel perfect with your designs

131

★ 5.0

Figr Capture

You’ve already got a product. You don’t need fake mockups. That’s what the Figr Capture extension is for. Capture any screen of…

482

★ 5.0

Artifont Wix

Artifont features on Wix

—

Artifont Wix

Artifont features on Wix

14

★ 5.0

Figma_PlusCN

Figma的完美汉化，方便使用中文汉语的设计师使用，持续更新。

1.0K

★ 5.0

RocketPen Website to Figma

Free website to Figma converter: capture any webpage or HTML element as editable Figma designs.

636

★ 5.0

Web to Figma

Capture web elements and export them to Figma with full styles and structure.

410

★ 3.0