penpot/penpot

This page introduces an external open-source repository. It is not an HDATF product.

What it does

An open-source design platform for product teams, used in the browser or self-hosted. It works with open standards such as SVG, CSS and HTML, and offers real-time collaboration, design tokens, an MCP server, an open API and plugins.

How it helps ATF

Its design tokens shared between design and development could be a reference for keeping ATF Works screens consistent. Its self-hosting option and MCP server are also worth comparing.

License

MPL-2.0 Custom or non-standard license. Read the license file before any reuse.

More in this category

• facebook/astryx
  An open source React design system, currently in beta, with accessible components, brand theming, dark mode, templates and a CLI. It is meant to be used by both people and AI assistants with the same tooling.
• nexu-io/open-design
  OpenDesign is a local-first desktop app for macOS and Windows that uses a coding agent such as Claude Code, Codex or Cursor to generate prototypes, dashboards, slides, images and video, exporting HTML, PDF, PPTX or MP4 files.
• Nutlope/hallmark
  Hallmark is a design skill for Claude Code, Cursor and Codex that builds UI while avoiding generic AI-generated looks. It picks a page structure and theme, runs slop-test checks before output, and can audit, redesign or study existing designs.
• alchaincyf/huashu-design
  Huashu Design is an HTML-native design skill for Claude Code and other agents that turns a text request into clickable prototypes, slide decks, animations or infographics. It includes design-philosophy guides, a five-dimension design review and MP4 export.
• CoreBunch/Instatic
  Instatic is a self-hosted visual CMS where the canvas editor, content engine, media, auth, forms, plugins and publisher run in one Bun server backed by SQLite or Postgres. It publishes plain semantic HTML and compact CSS.

Only repositories in the ranked Trendshift lists are included, and the lists are used only to find candidates. We do not copy their ranks. Descriptions, licenses and star counts come from each GitHub repository. The notes are our own reading. We have not tested these projects, and a place on a trending list does not prove quality.