使用蓝湖辅助开发数据可视化大屏

工具 yekong 625℃

数据可视化大屏项目开发中,除了设计师提供给我们设计图外,我们还需要快速的从设计图中提取我们需要的信息,这时候我们需要用到蓝湖了。

蓝湖提供了很多插件,可以让我们快速的将设计图导入到蓝湖。
设计规范云
蓝湖Axure
Figma 插件
Sketch 插件
Photoshop 插件
Adobe XD 插件
手机 App
蓝湖插件

下载蓝湖插件

首先打开并登录蓝湖,找到右上角的下载
下载蓝湖插件
根据自己的需要选择对应的插件就可以了。

导入设计图

将psd文件导入到蓝湖

如果我们的设计图是psd源文件的话,可以下载photoshop插件,安装插件,然后在插件栏就可以看到我们的插件了,登录栏目插件,选择项目和分组后就可以上传设计图了。
1680146694000nbEzzi

将figma文件导入到蓝湖

如果设计图是figma平台下的,我们选择figma插件,然后找插件图片选择插件,找到蓝湖点击run来上传我们的设计图
将figma文件导入到蓝湖

使用蓝湖处理设计图

当我们选中设计图的某个图层后,就可以在右下角查看到css的相关信息,我们可以复制我们需要的css内容就可以了。
使用蓝湖处理设计图

可以快速查看设计图的宽高颜色,文字大小字体等信息。比如渐变色,我们可能不记得是怎么写的了,css会直接显示出来。
1680147018985Kq7gIv

文字颜色我们不知道怎么写的,通过代码我们可以看到对应的写法。可以节省很多工作量。
文字颜色

喜欢 (0)