Run This Ai
EN DE

How to Self-Host OpenPencil: Turn Prompts into UI with Docker

Step-by-step tutorial for deploying OpenPencil with Docker: requirements, docker-compose setup, and a practical prompt-to-UI workflow with concurrent Agent Teams.

OpenPencil turns natural-language prompts into editable vector UI on a live canvas β€” and because it's fully open source with an official Docker image, you can run your own instance in minutes. This tutorial walks you through a complete self-hosted deployment with the community docker-compose configuration.

πŸš€ Want to deploy OpenPencil yourself?

Docker configs, system requirements, and installation guides β€” all on one page.

View OpenPencil Tool Page β†’

Prerequisites

You need a Linux server with Docker and Docker Compose installed. OpenPencil's Rust core is lightweight: 2 vCPU and 4 GB RAM is the comfortable minimum, with 4 vCPU / 8 GB recommended when you run several Agent Teams at once.

Step 1 β€” Pull the image

The official image is published to GitHub Container Registry:

docker pull ghcr.io/ZSeven-W/openpencil:latest

Step 2 β€” Run with docker-compose

Create a docker-compose.yml that exposes the web interface on port 8080 and keeps your documents in a persistent volume:

services:
  openpencil:
    image: ghcr.io/ZSeven-W/openpencil:latest
    restart: unless-stopped
    ports:
      - "8080:8080"
    volumes:
      - ./data/openpencil:/data

Then start the stack and verify it is healthy:

docker compose up -d
curl -I http://localhost:8080
OpenPencil interface

Step 3 β€” Prompt to UI in practice

Open the web client and try the workflow that makes OpenPencil special:

StepAction
1Describe a UI: e.g. "a dark-mode analytics dashboard with a sidebar"
2Let the agent render it as editable vector components on the canvas
3Spawn a second agent to refine colors or layout in parallel
4Export or keep iterating β€” everything is versionable design-as-code

Because every element is real vector geometry, you can tweak any part manually after generation. That hybrid of AI speed and precise human control is exactly what "AI-native" should mean.

Step 4 β€” Keep it updated

Restart with the latest image regularly to pick up new agents and canvas improvements:

docker compose pull && docker compose up -d

Final thoughts

Self-hosting OpenPencil gives you a private, prompt-driven design studio with no per-seat fees and no cloud dependency. For a full breakdown of requirements, ports, and volume mounts, check the official tool page.

πŸš€ Run OpenPencil on your own server

Docker configs, system requirements, and installation guides β€” all on one page.

View OpenPencil Tool Page β†’
#openpencil #docker #tutorial #self-hosted