上个月中，DEX 的 Design Tours 设计游学项目第二次组团去了荷兰，参加了在阿姆斯特丹举办的 Loupe 设计大会。 Loupe 是 Framer 公司举办的一年一度的设计大会，主要分

您好，我是 Linton，我是一名热爱设计的 Developer，目前居住在加拿大。多年来我一直专注于为设计师定制进阶课程，至今已经帮助了世界各地的几千名设计师和前端工程师朋友提升编程技能，希望也能帮

DesignCode 出品的 Framer Playground 交互动效教程。内容包含布局、动画、手势交互、Lottie、API 等，教你做出一个完整的 App。目前该教程免费。

前几天，设计工具 Framer X 又更新了一个版本，按他们的话来说是 2019 年以来最大的一次更新。既然是最大的更新，肯定有一个重磅功能，这一次的重磅功能就是 Playground——一个内置的专

DesignCode 出品的 Framer Playground 交互动效教程。内容包含布局、动画、手势交互、Lottie、API 等，教你做出一个完整的 App。目前该教程免费。

前几天，设计工具 Framer X 又更新了一个版本，按他们的话来说是 2019 年以来最大的一次更新。既然是最大的更新，肯定有一个重磅功能，这一次的重磅功能就是 Playground——一个内置的专

Facebook 推出的前端框架 React 现已被广泛使用，其组件化开发理念大大提高了开发效率。对于设计师来说，这种组件化思维和设计工具中的组件式设计也是相通的，而且设计工具 Framer 已经支持

Framer X 已经发布好几个月了，相较于之前的 Framer Studio，X 不再分为设计模式和代码模式了，而是提供了「设计组件」和「代码组件」。「设计组件」和 Figma 的组件、Sketch

这是一篇译文，原标题 “How to create a simple prototype with Code Overrides in Framer X”，原作者是 Framer.com 的设计师 B

早在 6 月份， Framer 官方就在网站上放出了新产品 Framer X 的消息，并表明这是一个“突破规则的产品，能够更好地融合设计和开发”。同时，这款产品最开始的一条 Slogan 是 “Rea

上个月 Framer 放出了新产品 Framer X 的预告片，让我想起了这篇旧文。这篇文章讲的是代码给我们的设计流程带来了怎样的变化，以及在不久的未来我们可以怎样利用这个工具。 除了设计工具标配

对于设计师来说，世界上最孤独的事就是自己的作品只能自己欣赏。 正因为此，今天我要给大家介绍几种方法来分享自己的 Framer 作品。比较常见的两种方法是这样的：如果你设计的是移动端 App ，可以

您好，我是 Linton，我是一名热爱设计的 Developer，目前居住在加拿大。多年来我一直专注于为设计师定制进阶课程，至今已经帮助了世界各地的几千名设计师和前端工程师朋友提升编程技能，希望也能帮

这是官方一篇教程博客的示例文件。这篇博客介绍了怎样使用代码来写一个代码组件，从基本的代码概念，到语法，由浅入深，很适合初次接触 React 代码组件的同学跟着学习。

帮助你写代码时自动补全 Framer X 的一些语法，高效写组件。

Framer 风格的 VSCode 代码主题插件，配色非常好看。

上个月中，DEX 的 Design Tours 设计游学项目第二次组团去了荷兰，参加了在阿姆斯特丹举办的 Loupe 设计大会。 Loupe 是 Framer 公司举办的一年一度的设计大会，主要分

设计师学编程要怎么学？我在和很多设计师打交道的过程中，发现大部分人对于学习编程会存在一些误区。 比如很多人虽然想学但又认为编程太难有排斥心理；相对地也有一些人用CSS写了一些样式会觉得前端很简单；