安卓

注册

 

发新话题 回复该主题

XDforVSCode让设计与开发 [复制链接]

1#
AdobeXDforVSCode之前我们已经进行了预告,但是之前了解的信息并不多,今天上午AdobeXDforVSCode已在VSCode插件市场提前悄悄上架,搜索XD即可找到安装使用,很荣幸成为全球第1位正式用户。AdobeXD是由Adobe开发的一款VSCode插件(非XD插件),它可以让团队轻松的创建和使用DesignSystemPackages(DSP)。DSP是AdobeXD新推出的一个设计系统标准(规范),实际体现为一种开放格式结构的文件夹,旨在帮助团队跨工具共享设计系统规范信息,DSP中可以包含设计文件中的颜色、字符样式和组件。开发在使用时,通过VSCode插件调用DSP,颜色可以直接使用变量,字符样式可以输入变量名称(关键词)快速调用,组件则可以通过名称直接生成出组件代码(CSS、SCSS、JS、iOS、Android、Flutter等)使用,大大节省开发时间。AdobeXDforVSCode插件主要提供2种功能:创建DSP和使用DSP,在VSCode中安装完插件之后使用快捷键Cmd+option+X打开插件面板,点击“Loadpackage”按钮可以加载DSP,点击“Createpackage”按钮可以创建DSP,关于、教程、公共DSP等链接暂未开放,预计今晚或明天会开放。首先我们来看加载DSP,DSP应该是一个文件夹,可以是通过该插件创建的,也可以使用公共DSP,点击“Loadpackage”按钮后点击“Selectfolder”来选择DSP文件夹。如果你暂时没有的DSP的话,可以下载目前Github已经开源的Bootstrap5DSP尝试,链接为
分享 转发
TOP
发新话题 回复该主题