ui-design.md

UI Design

Wireframe/Mockup Tools

• freemium tools
• commercial tools
• mockflow commercial
• lucidchard commercial
• InVisionApp commercial
• Gliffy
• UXPin (includes storybook integration)

Open source tools

• open source tools
• storybook
  • https://www.chromatic.com/blog/how-design-systems-use-storybook/
  • https://www.scandio.de/blog/de/2019/05/storybook
• penpot (web, svg-based)
  • https://github.com/penpot/penpot
• pencil project (linux only)
• wirefy
• mydraft.cc (web service)
• draw.io (web service)
• wireframer (web service)

Multiplatform forms

• https://jsonforms.io/ react, angular, vue
  • https://github.com/eclipsesource/jsonforms
  • https://github.com/copper-leaf/kotlin-json-forms kotlin compose

Commercial tools

Web Services (commercial)

• https://balsamiq.com/
• https://www.sketch.com/
• https://www.invisionapp.com/