Pencil
The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
Install / Use
/learn @evolus/PencilREADME

About The Next Version
Pencil V3 is a rewrite of Pencil that aims to fix major performance and scalability issues of the application. The new version is under heavy development and we are expecting GA builds in June. The following list summarizes important changes in the new version:
- Pencil V3 uses Electron instead of Mozilla XULRunner as the runtime. We expect that by moving into this Nodejs-based environment, the Pencil source code can be much easier for all fellow developers to play with. The fact that Mozilla XULRunner is outdated is also a reason for the movement.
- A new, zip-based file format was introduced to support large documents and better embedding of external bitmaps/resources.
- A new mechanism for page management that dramatically reduces memory usage for large documents.
- Document pages can now be structured into a tree-like model.
- Custom fonts can now be embedded into Pencil .epz documents
- Printing and PDF export will be improved to support all platforms and with many options
- New UI approach
Setting up
Pencil uses Atom Electron as the runtime, follow the these steps to setup the environment:
-
Clone this repository
-
Make sure you are using nodejs 5+ (Pencil development only needs npm for package management. Node runtime is not required.)
-
Checkout this development branch:
$ git checkout development -
Install dependencies:
$ npm install -
Start Pencil using the prebuilt version of Electron
$ npm start
Supported Platforms
OS X
Only OSX 64bit 10.9 and later are supported.
Windows
Windows 7 and later are supported, older operating systems are not supported (and do not work).
Linux
- Tested
- Ubuntu 12.04 and later
- Fedora 21+
- Debian 8+
- Packages
- Arch Linux - pencil on the Arch User Repository.
- Gentoo Linux - media-gfx/evoluspencil.
Related Skills
diffs
341.2kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
