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

Application type

Platforms

  • Mac
  • Linux
  • Cursor
  • Visual Studio Code
Pencil.dev screenshot 1
Pencil.dev screenshot 2
+3
Pencil.dev screenshot 3
Pencil.dev alternatives  
18likes
50alternatives
0articles
Save

Features

Properties

  1.  AI-Powered

Features

  1.  Works Offline
  2.  Support for Layers
  3. Microsoft Visual Studio icon  Visual Studio integration
  4.  Infinite canvas
  5.  UI Design
  6.  UX Design

 Tags

Pencil.dev News & Activities

Highlights All activities

Recent News

No news, maybe you know any news worth sharing?

Share a News Tip

Recent activities

Pencil.dev information

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?

Official Links

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.