Skip to main content

Overview

OpenPencil is an open‑source design tool that embraces a Design‑as‑Code workflow, letting you draw on an infinite canvas and instantly export clean React + Tailwind, HTML + CSS, or CSS‑variable code. It ships with powerful features like smart alignment guides, auto‑layout, a full design‑system with tokens and theming, and native Figma .fig import. Integrated AI agents can generate entire screens from a single prompt, stream edits in real time, and even refine designs through natural‑language commands. Available as a web app and a cross‑platform Electron desktop client, OpenPencil runs on Bun/Node and is ready for contributions and extensions.

User Feedback


Rate the Costs fields
12345
12345
12345
12345
12345
12345
12345