Warning Ugnis is in early alpha and is changing a lot, current online version does not match this version.
Ugnis is a Design tool that exports directly to code. Creating your own Design System has never been so easy.
Exports to React and Vue components. Vote for more integrations in this issue
Design components with drag-n-drop:
Define colors, fonts and spacings to create unified components:
How to try it locally
Clone the repository, download node modules and compile:
git clone https://github.com/UgnisSoftware/ugnis && cd ugnis && npm install
Start the editor:
Now open localhost:3000
Exported components are under the license that your project is.
Editor and compilers are under AGPL. Other Licenses are available upon request.