我正在寻找一种易于使用的线框图工具。我听说过 gliffy，还有其他吗？
具体来说，我想要一些
- 易于使用的
- 东西，支持协作
- 导出到 html 和 css
- ，让我向客户端显示线框。允许注释将是一个很好的功能。
- 低成本或免费
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
发布评论
评论（9）
Balsamiq ，不是完全免费的，但你可以使用它。
Balsamiq
Balsamiq , not complete free but you can work with it.
Balsamiq
Creately
Creately 并不是真正免费的，但您可以向他们支付您认为合适的任何价格（甚至 1 美元）。一些功能（来自官方网站）：
Mockingbird
另一个选项是 知更鸟。他们的“座右铭”是：
Mockingbird 是使用 卡布奇诺框架。
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):
Mockingbird
Another option is Mockingbird. Their "motto" is:
Mockingbird is made using Cappuccino framework.
您可以只用 HTML 绘制线框。
说真的，不要忽视直接 HTML 线框图可以为流程提供的优势，或者有哪些工具可以使流程变得更简单、更有效。 jquery 和 polypage 之类的东西使 HTML 成为一个非常强大的线框图和原型设计工具。
我不久前写了一篇博客文章解释了一些直接 HTML 线框图的优点和工具（抱歉无端的自我推销）。
You could just wireframe in HTML.
Seriously, don't ignore the advantages of what straight HTML wireframing can offer to the process or what tools there are to make it easier and effective. Things like jquery and polypage make HTML a very powerful and capable wireframing and prototyping tool.
I wrote a blog post a while ago that explains some of the advantages and tools of straight HTML wireframing (sorry for the gratuitious self promotion).
另一个很棒的网站线框/模型工具是 Mockingbird ...它具有协作性并且导出效果不错。
Another great website wireframe/mockup tool is Mockingbird ... it's collaborative and does decent export.
火狐铅笔插件
Firefox pencil plugin
http://mockflow.com
Mockflow 是迄今为止我使用过的最好的，我已经尝试过很多。基于网络并且对一个项目免费。对注重 UI 的非设计师非常友好
http://mockflow.com
Mockflow is the best I've worked with so far and I've tried quite a few. Web based and free for one project. Very friendly to UI-minded non-designers
微软表达混合。它不是免费的，但版本 3 中的 Sketchflow 功能不仅可以让您创建线框图，还可以让您将它们发布到网络上，用户可以在网络上对它们进行评论和注释，它还会收集评论并将其返回给设计团队。
有一个60 天免费试用版，以及 Sketchflow 教程该网站。
Microsoft Expression Blend. It's not free, but the Sketchflow feature in version 3 not only lets you create wireframes, but lets you publish them to the web, where users can comment and annotate them, and it collects the comments and returns them to the design team.
There is a 60-day trial version that is free, and Sketchflow tutorials on the site.
ProtoShare 是基于网络的，因此它适用于所有平台，您的客户无需这样做下载该软件即可查看并发表评论。它不是免费的，但计划起价为 19 美元/月，并提供 30 天免费试用。
除了客户能够发表评论之外，设计人员还可以对线框图进行注释。目前，您无法导出为 HTML 或 CSS，但您可以在应用程序中使用 CSS 来获取正确的消息和样式。 HTML 导出功能即将推出。
祝您搜索顺利！
ProtoShare is web-based so it works with all platforms and your clients don't have to download the software to be able to view and make comments. It's not free, but plans start at $19/month with a 30-day free trial.
In addition to clients having the ability to comment, designers can annotate the wireframes as well. Right now, you cannot export to HTML or CSS, but you can use CSS in the app to get the right message and styling across. HTML export is coming though.
Good luck in your search!
使用 LucidChart 您可以创建交互式线框。他们有一个免费版本，具有有限的线框图功能子集，但他们的订阅价格非常合理。
With LucidChart you can create interactive wireframes. They have a free version with a limited subset of the wireframing capabilities, but their subscription prices are very reasonable.