2015年 16 个最好的 Web 设计工具

1) Lining.js

Lining.js is the fresh tool for web designers that help designers to make their websites more attractive and beautiful.

2) WebFlow

Webflow is the collection of best responsive and professional website templates with awesome UI designs. Webflow automatically generates beautiful code for you as you design. You don’t have to write code yourself or rely on a developer to do it for you.

3) MarvelApp

Marvel is the perfect place for designers. Marvel is the easiest way to turn your sketches, images and mockups into realistic mobile and web prototypes.

4) Zeplin

Provide app that help to collaborate with UI designers and Frontend developers all around the world.

5) UXpin

UXPin’s a modern tool built for modern developers, which means version control, iterations and collaborative functionality that help you, your team and your clients design a great user experience, together, without losing anything.

6) Amazium

Amzium is the clean and simple responsive framework that help to build minimal and colorful website designs.

7) Am I Responsive Design

This tools allows you to get what you need quickly, and hopefully it can be helpful for showing your more visual clients what you mean by responsive design when a suite of products isn’t at the ready.This is not a tool for testing, it is really important that you do that on real devices.

8) Animate

This is another best tools for CSS users.

9) Macaw

Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It’s time to expect more from a web design tool.

10) Weebly

This is the online store where you can create unique websites, blogs and e-commerce websites as well.

11) Square Space

The most beautiful way to create a website and more.

12) Wirefy

Wirefy was created as a tool to help web designers and developers create fast, manageable wireframes. It helps to speed up the journey between sketches and final deliverables

13) Invisionapp

The world’s most powerful design prototyping tool. Quickly transform your designs into beautiful, fully interactive prototypes complete with gestures, transitions & animations for web, iOS & Android.

14) Proto

Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.

15) Framerjs

Framer is a new creative tool to build interaction and animation prototypes. Connect pixels to behavior and discover exciting new ways of interaction design.

16) Behave.js

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.