Open-source design tool with code inspection, flexible responsive layouts, real-time collaboration, layer support, auto layout, reusable components, and no tracking.
- UI Design Tool
- Freemium • Open Source
- Online
- Self-Hosted
- Cloudron

Open-source design tool with code inspection, flexible responsive layouts, real-time collaboration, layer support, auto layout, reusable components, and no tracking.

Pencil is a standalone app that lets you create diagrams or UI mockups. It doesn't have collaboration/multi-user features.

Cloud-based tool for diagramming and collaboration, with 20M users globally, supports Visio import/export and features UML modeling and more.

For the love of design—designers are facing new challenges, and need fast and reliable tools to stay ahead. that’s why we’re making Paper: a powerful canvas that helps you make beautiful art and experiences.

An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code.

Devojo delivers a desktop-like experience for Penpot users with the additional of integrating tabs to conveniently traverse back and forth between projects. Offline support is available through the select your own instance option in settings, as well as the theme settings that...

Sketch your app ideas without stress Make hand-drawn style wireframes quickly and easily.

Whimsical is a collaborative visual workspace for creating flowcharts, wireframes, virtual sticky notes, and more!.

Low-fidelity wireframing tool emulating sketching, built for online teamwork, offering drag-n-drop simplicity, reusable components, interactive prototypes, and exportable wireframes.

Free, real-time collaborative online tool for creating intricate, precise user flow prototypes for design teams. Fully open-source platform.

OmniGraffle can help you make eye-popping graphic documents—quickly—by providing powerful styling tools, keeping lines connected to shapes even when they’re moved, and magically organizing diagrams with just one click.

A streamlined web app that helps you create and collaborate in real-time on wireframes, mockups, diagrams and prototypes.

Visual Paradigm for UML (VP-UML) is a UML design tool and UML CASE tool designed to aid software development. VP-UML supports key modeling standards such as Unified Modeling Language (UML) 2.4, SysML, ERD, DFD, BPMN 2.0, ArchiMate 2.0, etc.

Axure RP is the leading tool for rapidly creating wireframes, prototypes and specifications for applications and web sites.

Open source wireframing tool written in typescript, react and redux.

Quant-UX is an integrated Prototyping and Analytics software. It allows you to design, test and analyze interaction prototypes.

The design platform for wireframing, prototyping, and generating design specs online, integrating smoothly via API with millions of assets available.

Pixso is the best collaboration tool that enables you to make great products as a team. You can prototype, design, and deliver code with Pixso.

Mokkup.ai is a product that simplifies the dashboard design process. Our tool helps users create dashboard wireframes before building in Power BI, Tableau or other data visualization tools.

Cacoo is a user-friendly online diagramming tool that allows you to create a variety of diagrams such as wireframes, flowcharts, UML diagrams, network diagrams, mindmaps, sitemaps, database diagrams, and more.

Online tool for creating mockups in the browser. Use your browser’s save function to save the file (just html for view only, complete save for an editable version) or export to codepen for others to view.

Online diagramming platform supporting real-time collaboration, 50+ diagram types, smart objects, templates, revision control, and PDF export features.

Mockplus is a desktop-based prototyping tool. It can be used to create wireframes/mockups/prototypes for any mobile and web apps with ease. This tool will make UI/UX designers prototype faster, smarter and easier.

Eraser is an all-in-one ideation tool for distributed teams. Eraser allows users to communicate ideas at the speed of thought using a markdown note editor, a lightweight canvas. Use Eraser for brainstorming, diagramming, wireframing, and interviewing!

WireframeSketcher is a software tool that helps product managers, designers and developers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It’s standalone software and a plug-in for any Eclipse IDE.
