Turn ideas into editable UI designs faster. AI UI Studio pairs an intelligent design assistant with a real, production-grade editor — so your output stays editable, not just a pretty picture.
OpenPencil Product Demo
Drop your demo video at assets/openpencil-demo.mp4
OpenPencil Product Demo — the real design engine behind AI UI Studio.
A focused toolkit that keeps your workflow fast, editable, and production-ready.
Describe an idea and let AI generate layout, components, and styling you can tweak by hand.
A real canvas with layers, guides, and precise controls — no fake preview, actual editing.
Reusable UI blocks and a shared component library to keep designs consistent at scale.
Export clean, semantic HTML/CSS from your designs so engineering can ship faster.
AI UI Studio uses OpenPencil — an open-source design application — as its core design engine. The canvas, layers, components, and export pipeline you see are all driven by OpenPencil's real, runnable code.
OpenPencil is an independent open-source project. We build AI UI Studio on top of it, adding an AI-assisted workflow on a foundation you can inspect, extend, and trust.
Jump into AI UI Studio and turn your next idea into an editable interface.
Start Designing