Pencil.dev icon
Pencil.dev icon

Pencil.dev

Vector UI canvas inside IDEs and desktop apps for creating layouts, using infinite canvas, layers, design system components, Git-compatible .pen files, synced design tokens, and AI-driven UI generation from prompts, aligning code and design efficiently.

Pencil.dev screenshot 1

Cost / License

  • Free
  • Proprietary

Platforms

  • Mac
  • Cursor
  • Visual Studio Code
  • Linux
Pencil.dev screenshot 1
Pencil.dev screenshot 2
+3
Pencil.dev screenshot 3
Pencil.dev alternatives  
-
No reviews
0likes
0comments
34alternatives
0news articles

Features

Suggest and vote on features
  1.  Works Offline
  2.  Support for Layers
  3. Microsoft Visual Studio icon  Visual Studio integration
  4.  Infinite canvas
  5.  UI Design
  6.  AI-Powered
  7.  UX Design

 Tags

  • ui-design-tool
  • vscode-extension
  • ux-ui-designers
  • AI-agents
  • claude-code-ui
  • cli-tool
  • cli-app
  • claude-code
  • AI Agent

Pencil.dev News & Activities

Highlights All activities

Recent activities

Pencil.dev information

  • Developed by

    US flagHigh Agency, Inc.

  • Licensing

    Proprietary and Free product.

  • Alternatives

    34 alternatives listed

  • Supported Languages

    • English

AlternativeTo Category

Photos & Graphics

Popular alternatives

View all
Pencil.dev was added to AlternativeTo by Mauricio B. Holguin on and this page was last updated .
No comments or reviews, maybe you want to be first?

What is Pencil.dev?

Pencil.dev is a vector design canvas that runs inside your IDE, letting you create and edit UI layouts next to your code instead of in a separate design tool. It works as an extension for VS Code and Cursor, and it can also be used as a standalone desktop app on macOS and Linux.

It includes an infinite canvas, layers and editing controls, reusable components and design system libraries, and variables and themes that map to design tokens and can sync with CSS. Pencil stores designs as .pen files that work with Git, and it supports code sync so designs and implementation can stay aligned. It also integrates with AI assistants via MCP, including Claude Code and Codex, to generate and refine UI from prompts inside the same workspace. Pencil is currently free, with a note that paid plans or features may be introduced later.

Official Links