$ 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.
Collaborate with AI and teammates on a shared whiteboard in real time.
Provide AI agents with fonts, palettes, contrast, SVG, and CSS design utilities.
Create original posters, illustrations, and static visuals in PNG or PDF.
Create publishable Excalidraw diagrams with an AI-friendly render and fix workflow.
Generate editable hand-drawn flowcharts, ER diagrams, and architecture diagrams via MCP.
Turn natural language into hand-drawn Excalidraw diagrams for flows and architectures.