Angora

Angora is an open-source design system platform focused on bridging the gap between design intent and production code. It addresses the common disconnect that occurs when design systems live primarily in design tools, leading to inconsistencies and loss of intent during handoff to development. Angora centers the design system in code, allowing users to define their brand, build components, and ship static sites through conversational input.

The tool enables users to describe their design requirements in natural language, which Angora interprets to generate static HTML and CSS via Astro. This approach eliminates the need for a framework runtime or client-side JavaScript, ensuring that what appears in the browser is production-ready code. Angora reads design tokens, understands existing components, and constructs new ones that integrate seamlessly into the user's system, rather than simply applying branding to generic templates. Accessibility features, semantic HTML, and responsive typography are incorporated into the generated output.

Angora supports workflows such as defining brand intent and audience as design tokens, sketching wireframes conversationally, building components based on those wireframes and tokens, and composing full page layouts from assembled components. The platform can also model database schemas, import content from CSV files, and handle images, including generating automatic alt text. The design system produced is not just a reference; it is the actual working code that ships, removing the need for separate component explorers or specimen documents that can drift from production.

Delivered as an installable tool with a command-line installation script, Angora is developed in the open and is currently in early alpha. It is released under an open-source model and invites community feedback. The platform is built by Aysnc in Melbourne, Australia.