介绍合并npm集成——导入组件的新方法
我们添加了一个define_image_transformation引入UI代码组件UXPin的开云体育官方下载安装包手机版编辑器。这是我们新的npm集成,使合并访问团队缺乏活跃的工程师的支持。
表的内容
彻底改变你的设计过程与UXPin合并
UXPin与合并技术允许您创建一个新的水平的保真度和交互性原型,抚平设计切换,和统一的设计师和开发者的工作与真理的单一来源。它真正简化产品开发过程。
从静态的,改变完全交互式设计
的日子一去不复返了静态原型。公司,尤其是那些达到了一个更高设计成熟度级别,寻找更高效的原型的方法。把无生命的画板,翻译设计的代码不完善的工具,并记录一次又一次微妙的相互作用增加了更多的工作和停滞增长。
这就是合并进来。使用这种技术,您可以创建原型与真正的功能构建到他们的元素。这尺度设计像它一样艾丽卡的团队在贝宝。
简化设计和开发之间的协作
合并,与相同的交互式组件设计和开发团队工作在整个生产流程。设计师使用UI组件,而开发人员复制代码从同一设计做好了准备。
设计到代码已经存在的翻译。得到单一来源的真理的统一设计和工程简化了设计切换阶段。简而言之:设计师是快乐的,开发人员一样,他们不要把时间浪费在回复。
使用准确的UI组件,保证设计的一致性
编码的UI组件设计过程使原型中使用一致的从开始到结束。产品正在建造根据设计师的意图。最好的部分——设计师甚至不需要处理代码。
结果之间是没有漂移设计和最终产品的外观和感觉极其耗费时间和精力合并技术。
进口UI组件UXPin合并的新方法
可以设计与真正的组件之前,您需要导入一个组件库。直到这个时候,有两种方法将编码组件UXPin合并。
我们现在进口UI组件的第三条道路——补充道npm集成——这给设计师很多自治权。
合并npm集成,得到什么呢?
许多设计团队可能与合并斗争Git集成如果缺乏开发人员的积极支持。为了方便他们受益于合并,我们发布一个新的UXPin define_image_transformation导入一个组件库的方法。
如何使用npm集成?
看到如何使用npm集成。让我们开始的书面描述如何去做。
进口UXPin npm组件
npm是一个在线注册的包与现成的发展元素,您可以下载使用在您的项目中。一些最流行的开源设计系统是分布式。
您可以使用阿黛尔(UXPin设计系统存储库)找到设计系统是在一个npm包。只是滚动到最后一列的方式分布。
或者,你可以上传自己的React-based组件库在UXPin npm并使用它。
下面是如何做的步骤把npm UXPin设计系统。
1。添加一个新的图书馆UXPin合并
一旦你知道使用哪个React-based设计系统,该同步UXPin合并。去你UXPin仪表板的合并选项卡,并添加一个图书馆通过npm包。你需要提供一个npm包名和您想要使用的版本。如果你的文档需要,样式添加到“资产位置”字段。
2。配置用户界面组件
打开合并组件管理器并指定您想要导入组件。你可以分类的组件按你所希望的方式。后发布组件,管理他们的属性和定义您想要导入。去图书馆文档以查找属性的名称和类型。
3所示。开始创建完全交互式原型
时间来创建您的第一个设计。去设计编辑和删除组件在画布上。看到是多么容易改变组件的属性使用!检查组件的交互性,去“预览”模式。
完成你的原型?现在,你可以通过项目链接到你的开发人员,这样他们可以复制的代码设计和检查规范。
按照我们的指示和进口交互组件
1。看一步一步的视频,告诉你如何使用积分
我们准备了一个视频集成的演练。看学习如何导入一个npm UXPin设计系统。
2。从梅UXPin进口npm组件
你想让梅UXPin吗?我们一步一步的文章将指导您完成这一过程。
3所示。从蚂蚁设计UXPin进口npm组件
蚂蚁设计是最受欢迎的图书馆之一。当你登录到UXPin时,你会看到一些蚂蚁设计组件通过npm我们进口。他们为你准备好使用。看看我们进口他们UXPin在本文中。
使用npm集成+模式
一旦导入所需的一切并保存更改,您可以构建更复杂的组件的基本的或保存组件的属性来避免重复相同的步骤。换句话说,创建模式。
详情见:模式文档。
尝试合并npm集成
使用npm集成,你不需要开发人员的帮助给UXPin带来编码的UI元素。设计者可以导入和管理UXPin UI组件本身。就像他们想要的东西。
把UI组件通过npm集成。连接设计和开发团队与真理的单一来源和组织分解。注册一个14天的试验测试的集成。
