.marketing-home { --rebrand-banner-h: 41px; } .marketing-home .site-nav, .marketing-home .rebrand-banner { position: sticky; opacity: 1; visibility: visible; transform: none; } @media (max-width: 767px) { .marketing .nav-inner { flex-wrap: wrap; gap: 16px; } .marketing .nav-links { display: flex; position: static; transform: none; width: 100%; order: 2; justify-content: space-between; } .marketing .nav-actions { display: flex; } .marketing .nav-m-actions, .marketing .nav-menu-btn { display: none; } }

Skip to content

Desktop app

Full canvas power with native performance.

macOS

For Apple Silicon Macs

For Intel Macs

Windows

For Intel/AMD x64

For ARM64

Coming soon

Linux

AppImage

Recommended. Works on most modern Linux distributions. No installation required.

Download x64 Download ARM

Tarball

Recommended. Works on most modern Linux distributions. No installation required.

Download x64 Download ARM

Chrome extension

Import webpages and selected elements into pen.dev.

pen.dev web import

IDE Extension

Design where you code, no context switching.

Cursor

VSCode

Antigravity

Add to Antigravity

Windsurf

Add to Windsurf

Open VSX

Add to Open VSX

CLI

AI-powered design in your terminal.

Install via npm

npm install -g @pen.dev/cli

Agent skill

pen.dev design instructions for Cursor, Claude Code, and other agents. Bundled with the CLI; this link always resolves to the latest published skill on npm.