一个会写代码的设计师，可以更好地和工程师沟通，可以从另一个维度去探索世界，还可以把自己的想法变成一个真实的产品。可问题来了——编程很难啊。没关系，不如听我从设计师的角度来说说设计师应该如何学习写代码，成为一个 Codesigner。

## 涉及的内容
1、HTML+CSS 基本布局；
2、JavaScript 界面交互；
3、Processing 创意编程；
4、Vue、React 框架；
5、Figma 工程化实践；
6、设计系统实践；
7、Git、Node.js、NPM 等相关工具；

## 适宜的人群
想要学习编程的设计师
想多一种思维的设计师
想要用代码做设计的设计师
想要用代码给自己日常工作提高效率的设计师

## 不适合
本专栏不是某一种专门技术的教程，更多的是通过一个宏观的框架和完整的案例给你启发，文章中会留下很多相关文档链接，可能需要更多额外的时间去消化学习。

此外，本专栏每个章节都很长（一万字左右），需要大块时间边看边做。

## 关于订阅：
这个专栏不是事无巨细的文档型的（互联网上到处都是免费的文档），而是我结合自己的经验，从设计师熟悉的概念来对比讲解，激发学习兴趣，帮助设计师学会写代码。本专栏重在领入门，但同时会推荐很多延伸读物，比如详细的教程、文档，供你继续学习感兴趣的部分。

## 关于作者：
我是设计标注工具 Figma Heron Handoff 的创造者， Framer/Figma 中文网的创建者，国内大部分 Framer/Figma 教程都是我写的。我毕业后做过前端开发，后来又转为交互设计师。这些年我一直对代码和设计，以及对如何结合二者来提高工作效率深有研究。