25 new Practical Web design tools Dahe Set

工欲善其事, its prerequisite, is especially true for designers. The addition of good tools to the whole design is quite obvious. Different tools are designed to work with different design processes and objects, and have a significant effect on the improvement of effectiveness and efficiency.

As the barriers to design and development gradually blur, the latest design tools are also trying to integrate the design and development of the process, and code-free development of the cluster will be more focused on the development of a code-free platform. The new tools we're searching for today include a lot of prototyping tools for Web sites and apps, and the other part is testing tools. Some of these tools have been released for a while, but because the versions are constantly being updated, they are well worth the time, and they are a new tool! Next, let me introduce you to one.

Design Tools

Macaw Scarlet

Macaw Scarlet appears in this list because the tool is not yet released, but it is worth looking forward to! This tool, called the "Live design Environment", makes it easier to design responsive web pages and apps.

Wagtail

Wagtail is not a design tool, but a content management system (CMS), which is unique in that the system contains design processes, especially for content design.

It has a fantastic function, called Streamfield, that works close to the medium content editor, except that it's easier to customize and more full-featured.

Magic Mirror for Sketch 3

This tool, called Magic Mirror, is intended for the sketch 3 user, which helps you integrate a set of smart objects into your photos.

Wireframe Tool

Wire Flow

As a graphic is not friendly to the flat, wireframe tool wire fow is so easy to use, it can be said that my old flat plate reborn over. This is almost enough to meet all the needs of your wireframe drawing tools, you can run on the phone, flat, and have a good visual editing function, is the industry's conscience.

Apple Watch Wire-frame Kit

This is a set of Apple Watch wireframe tools, more than the introduction of the!

Powermockup

There are more than one line-block tool customized for Apple's keynote, but not many of these tools are designed for PowerPoint, and Powermockup is one of those tools.

Prototype tools

Origami

Origami is a Facebook-published prototype tool that describes it: "Origami is a free tool for designing modern user interfaces." It can help you quickly component prototypes, run on the iphone and ipad, iterate over upgrades, and export and develop the available code. ”

Marvel

This is a very simple prototyping tool, even the free version can help you make a very good app prototype. It integrates Google Drive and Dropbox and allows you to combine the specified images to quickly make the app prototype. It is also the way the cloud synchronizes, and the prototypes you make can be quickly delivered to the cloud, allowing your prototype to be updated in real time.

Protosketch

Protosketch is a prototype design app for the ipad. The package includes a suite of UI kits with a large number of components, as well as basic vector editing tools, alignment tools, and so on.

Although it applies only to the ipad and is in the beta phase, it may be the best choice on the platform. In addition, it can exceed SVG and PDF documents.

Frontify

Frontify is also a prototype tool, and it is unique in that it also provides a range of tools to help you organize and design your brand image and style guide better. From the color scheme to the system of style, UI elements, is simply a team design essential products.

Atomic

Drag your PSD or sketch document into the atomic to generate the corresponding prototype. Versioning, collaboration features are also built into it, which is definitely a tool for team collaboration iteration upgrades.

Form

Form is an advanced prototype creation tool that can be linked to your iphone. After you have created the prototype on your computer, you can browse it on your phone. In addition, it uses the material design specification, which makes the prototype look more beautiful.

Pixate

Pixate is a prototype tool that focuses on the display of mobile phones, which can help you create "native" prototypes that really mean a real high fidelity.

Web Development

Sandvox

Sandvox is a MAC application designed for non programmers. Sandvox is largely a template-based system, but it can also be manually adjusted for advanced users.

Although Sandvox can also be used as a CMS system, and will not be more "avantgarde" than other blog systems, but its function has been continuously updated, for beginners, is a more humane solution.

Xprs

This is a website building tool for the novice, XPRS will be free for personal use, commercial has a more professional solution.

WordPress Erection Tools

Themify Flow

Although there are many people unanimously criticized WordPress, but it still has a strong vitality. For example, the Themify tool is stunning, it builds a design tool on a traditional release system, and the result is that themify flow allows you to actually generate responsive, highly available response topics by simply dragging, and it's free and open source!