LibreAI / Design / OpenPencil
// design · ZSeven-W/openpencil

OpenPencil

OpenPencil est un projet de design open source, créé par ZSeven-W (ZSeven-W/openpencil sur GitHub). Il compte 6 070 étoiles sur GitHub et 524 forks, il est publié sous la licence MIT et a été mis à jour pour la dernière fois sur GitHub le 3 octobre 2026.

The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts…

★ 6,1 k étoiles⑂ 524 forksMITmis à jour oct. 2026
▦ visuel — le README de ce projet ne contient aucune capture intégrable,
voici donc un emplacement réservé. Le guide ci-dessous est complet malgré tout.
// détails du projet

Détails du projet

Étoiles GitHub
6 070
Forks
524
Licence
MIT
Dernière mise à jour sur GitHub
3 octobre 2026
Catégorie
Design
Type de fiche
Guide d'installation complet
Site officiel
Official site
// fonctionnement

Comment ça marche

  1. Choose your starting point

    A blank canvas, an existing screenshot, or a text prompt describing what you want.

  2. Design visually

    Drag, drop, and edit with real components — what you see is actual code underneath.

  3. Let AI assist

    Generate layouts from screenshots or prompts, then refine by hand where it matters.

  4. Export production code

    Ship clean React/Tailwind/CSS you can actually maintain, not a dead mockup.

// fonctionnalités

Pourquoi on l'adore

Visual editing

Design directly on the canvas with real components and styles.

AI generation

Screenshot-to-code and prompt-to-UI that produce editable results.

Real code output

Exports are maintainable codebases, not locked-in proprietary files.

Collaboration

Multiplayer editing and commenting for teams.

Self-hostable

Your design files live on your infrastructure.

Open formats

No proprietary lock-in on your own work.

Advertisement
// lancez-le

Lancez-le vous-même

  1. Step 1 — Get the code

    Clone the repository or download the latest release for your OS.

    git clone https://github.com/ZSeven-W/openpencil.git
  2. Step 2 — Follow the install guide

    Every project documents its own setup — the README's install section is the source of truth.

  3. Step 3 — Launch

    Start the app or server as documented and open the interface it provides.

// cas d'usage

Ce que vous pouvez créer

Advertisement
// faq

Questions fréquentes

Can AI-generated UI be production quality?

As a starting point, yes — expect to refine by hand, which these tools are built for.

Figma replacement?

For many workflows, increasingly yes — especially teams wanting self-hosting or code output.

Who maintains OpenPencil?

It is an open-source project at ZSeven-W/openpencil with 524 forks. Check the repo's contributors and recent commits to see how active maintenance is.

What code does it export?

Typically React with Tailwind or plain HTML/CSS, depending on the tool.

Is it free?

The open-source tools here are free to use and self-host.

Do I need design skills?

AI-assisted starting points lower the bar a lot, but taste still helps.

// continuez l'exploration

Outils similaires

Design

Onlook

The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's…

★ 26,9 k étoilesApache-2.0
Voir le guide →
Design

Penpot

Penpot: The open-source design platform for Product teams that need scalable collaboration

★ 60,6 k étoilesMPL-2.0
Voir le guide →
Design

Screenshot To Code

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

★ 80,0 k étoilesMIT
Voir le guide →
Design

ainativelang

AI-native programming language for structured, repeatable agent workflows

★ 650 étoilesApache-2.0
Voir le guide →
Design

archify

Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

★ 79,8 k étoilesMIT
Voir le guide →
Design

presentation-design-prompts

Free slide-design prompt pack for ChatGPT, Claude and any AI tool

★ 166 étoilesMIT
Voir le guide →
// alternatives

Alternatives en Design

Les autres projets de la catégorie Design avec le plus d'étoiles du catalogue LibreAI — la sélection réaliste d'alternatives si OpenPencil ne vous convient pas.

// plus en design

Plus en Design

Projets de la catégorie Design proches dans le catalogue, les plus proches en étoiles de OpenPencil — continuez à explorer de part et d'autre.

Obtenir OpenPencil

Gratuit et ouvert : récupérez le code source, mettez une étoile au dépôt et commencez à créer.