使用Framer X进行设计和开发工作流程 中文字幕
Design & Development Workflow with Framer X
当UX设计人员或开发人员的需求在翻译中丢失时,最终应用程序的外观通常与原始视觉不匹配
Framer X拥有通过增强设计人员和开发人员的工作流程来防止这类通信故障的功能
这种功能强大的设计原型设计工具允许用户制作复杂的设计,设计响应式布局,创建交互,并利用交互式和可重用的基于React的组件
在本课程中,了解UX设计师和他们合作的开发人员如何共享一个共同的工作流程,并更好地了解彼此的语言和需求 - 使用Framer X. Emmanuel Henri潜入设计师的开发人员工作流程,了解React与Framer的关系X和原型设计,以及在为Web和移动设备创建设计时要遵循的正确准则
他还介绍了开发人员到设计人员的工作流程,向开发人员展示了如何使用设计系统并在Framer X中使用React组件
主题包括:
开发人员的语言
React如何与Framer X和原型设计相关
Web和本机移动开发的设计元素
从Framer X导出CSS和SVG资产
使用设计系统
在Framer X中使用React组件
在Framer X中自定义组件





- [讲述人]您是否听说过Framer X并想了解如何最好地使用这个应用程序?
您是一位想要探索如何使用Framer X来改善工作流程的开发人员或设计师吗?
如果您对其中任何一个问题的回答都是肯定的,那么您来对地方了。
嗨,我是Manny Henri,我从一开始就使用Framer的产品,我很高兴能够展示如何在几种情况下有效地使用Framer X.
在本课程中,我们将探讨如何利用Framer X工作流程作为设计师和开发人员。
我们首先来看看设计师来开发我们的工作流程。
然后,相反,开发人员到设计师的工作流程。
在此过程中,我将向您展示Framer X对两者最有效的方式和时间。
然后,我们将通过查看反应和开发人员所寻求的工具,深入了解设计人员的工作流程。
最后,我们将逆转并研究开发人员如何使用Framer X来增强设计师的体验。
因此,如果您已准备好进入使用Framer X进行设计或开发的世界,请打开应用程序并开始使用。
本课程视频下载地址:使用Framer X进行设计和开发工作流程 http://www.zwsub.com/course/Design-Development-Workflow-Framer-X.html
网友评论