$ loading_
Generate and refine UI designs on a live canvas with collaborative AI agents.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "openpencil" yet — see the docs or source repo.
Design a mobile login screen for a fitness app in a clean modern style with green as the primary color. Include email login, Google login, and a forgot password link, and generate it directly on the canvas as editable vector UI.
An editable vector mockup of a mobile login screen with layout and core UI components.
Use concurrent agents to design a dashboard homepage for a SaaS product: one agent handles information architecture, one handles visual style, and one handles component layout. Output an interface that remains editable on the live canvas.
A collaboratively produced dashboard homepage design with clear structure and easy further iteration.
Generate a web wireframe from these requirements: a project management tool with a left navigation panel, task list, filter bar, detail drawer, and create-task modal. Produce a low-fidelity but complete editable interface.
A low-fidelity web wireframe that clearly shows page structure, key flows, and main interaction areas.
Proxy Pencil tools and manage .pen files for tokens, diffs, and exports.
Create multi-platform prototypes, slides, and visual assets with a local-first open design app.
Collaboratively design, edit, and export web pages on an infinite canvas.
Turn AI coding hosts into a guided mobile UI design workflow.
Collaborate with AI and teammates on a shared whiteboard in real time.
Provide AI agents with fonts, palettes, contrast, SVG, and CSS design utilities.