Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What website wireframing tools are available online, or self-hosted? [closed]

I'm looking for an easy to use wireframing tool. I've heard of gliffy, are there any others?

Specifically, I'd like something that is

  • Easy to use
  • Supports collaboration
  • export to html and css
  • lets me show the wireframes to the client. Allowing annotations would be a nice feature.
  • low cost, or free
like image 248
Jeff Paquette Avatar asked Nov 24 '09 19:11

Jeff Paquette


2 Answers

Balsamiq , not complete free but you can work with it.

Balsamiq

like image 62
opHASnoNAME Avatar answered Sep 30 '22 12:09

opHASnoNAME


Creately

Creately isn't really free, but you can pay them whatever price you think it's right (even $1). Some features (from official website):

Business Diagrams

* Process Flow (BPMN)
* Online Flowcharts
* Concept Maps
* Mind Maps
* SWOT Diagrams
* Organizational Chart

User Interface Design

* Wireframe for Website
* UI Mockup Wireframe
* Web Flow Charts
* Online Sitemaps
* Mockup Screens
* Desktop Software Mockup

Software & Systems Diagrams

* System Diagram and Design
* ER Diagrams (Entity)
* Data Flow Diagram (DFD)
* UML Diagrams
* Class Diagram
* UML State Charts

Network Diagrams & more

* Home Network Diagram
* Office Network Diagram
* Data Center Design Layout
* Capacity Planning models
* Digital Circuits

Creately example

Mockingbird

Another option is Mockingbird. Their "motto" is:

  1. Mock it up fast. Drag and drop UI elements to the page, then rearrange and resize. Go from idea to mockup in minutes.

  2. Make links. Link multiple mockups together and preview them interactively to get a feel for the flow of your application.

  3. Share with a click. Sharing mockups with colleagues or clients is as simple as sending a link. No more emailing folders of jumbled images.

Mockingbird example

Mockingbird is made using Cappuccino framework.

like image 41
GmonC Avatar answered Sep 30 '22 11:09

GmonC