全栈设计师工具集

全栈设计在一定意义上必须拥有多种技能，在产品交互、原型设计、产品设计、前端开发上都要有所涉及，当然本职专业一定不能做的太差，否则可能适得其反，反而做不到一专多能。

以下工具集分为原型交互、产品设计、前端开发。

原型交互

行业名站

常用工具

Axure

百度脑图

墨刀

石墨文档

腾讯问卷

腾讯tapd

tower

白板

xiaopiu

Ant Design

UXPin

Lunacy

有道云笔记

交互动效

Framer

Hype

Principle

Flinto

Origami

界面设计

行业名站

设计工具

photoshop

sketch

蓝湖

zeplin

PxCook

Sketch Measure

kitchen

inboard

pixave

iconfont

iconjar

Icon Slate

Spectrum

Tinypng

demoo

magicvoxel

XD

前端开发

行业名站

全球最大同性交友社区-github.com

国内同上社区gitee-oschina出品-gitee.com

第一WEB技术文档MDN-developer.mozilla.org

CSS很全面的文档飘零雾雨-css.doyoe.com

实时在线编辑器可找到很炫的效果-codepen-codepen.io

代码兼容性必用-caniuse.com

开发有问题？有标准问法-stackoverflow.com

熟悉也陌生因为都是命令行访问-www.npmjs.com

第一自建博客程序WordPress-cn.wordpress.org

开发者成长的社区掘金-juejin.im

技术研发社区segmentfault-segmentfault.com

专业的IT八卦平台v2ex-www.v2ex.com

张鑫旭博客前端界的大牛-www.zhangxinxu.com

开发工具

HBuilder

Atom

Sublime Text

Chrome

FeHelper

postman

Nodejs

Gulp

webpack

weinre

vConsole

picsum

jquery

Vue、React、angularJS

sass/less

Charles/Fiddler

tinypng

brower-sync

mockjs

Beyond Compare

csssprites

Everything

以上为常用的工具集，如有更好的替代方案请留言给我们。