XD+蓝湖的使用

已于 2022-05-12 14:23:19 修改
阅读量6.5k 收藏 6
点赞数 1
文章标签： 前端
于 2022-05-12 14:20:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66825244/article/details/124727151
版权

一.下载XD

产品经理或者是设计师设计原型图的软件，可以对图片进行放大和缩小
在这里插入图片描述

二.打开蓝湖，下载XD插件

在这里插入图片描述

三.在蓝湖中新建一个项目

在这里插入图片描述

四.打开xd中的lanhu插件 找到创建的对应项目

在这里插入图片描述

五.用鼠标框选所需设计稿 选中当前选择的面板上传即可

在这里插入图片描述

六.蓝湖中显示效果

会显示出边框，边距的大小，各种字体，背景颜色，还有一些简单的代码生成效果
在这里插入图片描述
在这里插入图片描述
素材网站：Freebies

novice xiaobai
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用蓝湖进行切图
qq_52264068的博客
10-22 1万+
蓝湖切图使用
蓝湖-产品设计协作平台
12-14
“蓝湖”产品设计协作平台，实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享网盘等功能。
前端工程师使用adobe XD软件下载切图和测量距离的方法
yehaocheng520的博客
05-25 3202
在之前公司做前端时，基本都是直接跟蓝湖打交道，UI设计师会将设计好的PS文件，通过蓝湖提供的切图插件进行标记，然后整体画板上传到蓝湖项目中，然后前端通过蓝湖进行查看下载切图和测量间距等，而且蓝湖会自动提供部分代码，可以直接使用，非常的方便及人性化。 现在的公司是直接提供XD文件，所以需要先下载XD软件： 软件下载链接 链接：https://pan.baidu.com/s/1O6i2fxkLgxTG2oY0oEoX1w 提取码：g52e 这个里面是ps，xd和ai，有需要的自己下吧 XD软件下载切图 打开X
蓝湖_ps插件
06-05
蓝湖_ps插件
蓝湖Axure 1.7.39
09-21
蓝湖Axure 1.7.39
xd 破解资源
11-02
xd 破解资源, 直接替换xd 文件夹的就行 。教程来源网络 ，概不负责
蓝湖移动端辅助工具开源项目下载
09-19
软件版本:v1.0.2 软件简介: 蓝湖辅助工具,减少移动端开发中控件属性的复制和粘贴.一键导出iOS,安卓布局,还原度100%
蓝湖（切图工具）插件的安装和使用
z2000ky的博客
10-19 9139
蓝湖
蓝湖插件工具安装与使用
最新发布
m0_46230682的博客
01-25 1589
例如：以上就是今天要讲的内容，本文仅仅简单介绍了蓝湖插件的使用，而蓝湖提供了大量能使我们快速便捷地处理设计图的方法。
JS中的require、import、default、export
火腿肠的博客
11-04 894
刚开始学的时候经常弄混总结一下： 懒人： (1) require（导入）是Commonjs的规范与module.exports（导出）搭配使用. (2) import（导入）是es6为js模块化提出的新的语法与export（导出）搭配使用. (3) 一个文件/模块中只能有一个export default且一次只能导出一个，但可以有很多export和import.并且通过export方式导出，在导入时要加{ }，export default则不需要{ } (4) commonjs运行时加载es6是编译时输出
蓝湖的安装和使用
热门推荐
rfalcon的博客
10-13 1万+
1.下载蓝湖插件 蓝湖不是一个独立的应用，而是以插件的形式出现在应用中，支持Sketch、ps以及Adobe XD Sketch插件地址：https://lanhuapp.com/mac PS插件地址:https://lanhuapp.com/ps Adobe XD插件地址：https://lanhuapp.com/xd 2.安装插件 安装成功后，打开photoshop，然后：窗口 —> 扩展功能 —> 蓝湖 触发一次后，蓝湖图标会固定在最右边 3.使用 1.先输入项目名称 2.再选择设计
蓝湖-ps插件
10-12
蓝湖，ps,Mac，Windows。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
蓝湖切图，一个做ui图标的软件
05-25
蓝湖切图，一个做ui图标的软件
谷歌插件之蓝湖代码生成器,iOS,Android,Swift,Flutter
12-05
谷歌插件之蓝湖代码生成器,iOS,Android,Swift,Flutter​代码已开源,如果生成的代码不符合您平时写的习惯,可自行修改代码模板,修改完后保存即可生效,不需要重新编译插件不包含任何请求,确保您的数据安全,代码已开源,...
anhu-蓝湖ps扩展
03-22
Lanhu-Ps蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系
Android蓝湖图片格式,蓝湖「自动切图」新增 JPG、PDF、WebP 格式
weixin_35618539的博客
05-26 1857
万众瞩目的蓝湖「自动切图」功能除了 PNG、SVG 格式外，新增 JPG、PDF、WebP 三种格式。开发小哥哥们需要的切图格式蓝湖都有，惊不惊喜~ ????蓝湖「自动切图」功能：1. 同时支持 Mac 和 Windows 双系统2. 同时支持 PS 、Sketch 和 Adobe XD3. 同时支持 PNG、SVG、JPG、PDF、WebP 五种格式的切图4. 支持 PNG 格式切图无损压缩蓝湖「自动...
将figma的设计图上传到蓝湖
浩星
04-06 4832
将figma的设计图上传到蓝湖。
Adobe XD 连不上网用不了插件的解决办法
m0_70723481的博客
10-25 2477
adobe xd 无法联网安装不了插件的解决办法
蓝湖的安装及使用
邓邓子的博客
07-01 7284
蓝湖官网：https://lanhuapp.com/，以下为官网的介绍。在线展示文档，团队查看更方便支持在线评审，更新通知，自动备份一个地方展现所有资源汇总文档和设计，理解更轻松按页面逻辑连线，展现逻辑更清晰快速生成交互原型强调产品交互的说明和备注产品经理可以基于设计图发表意见自动标注设计图，从此不再低效手工一键生成标注和切图，自动共享给同事设计图管理清晰展现设计图不同状态设计图批注打点标记进行评论, @相关成员可实时通知自动保存历史版本随时查看历史版本，支持自动备份源文件查看标注点击任意元素，即可查看标注
Photoshop+蓝湖插件
07-29
回答: Photoshop+蓝湖插件是指在使用Adobe Photoshop软件时，通过安装蓝湖插件来实现与蓝湖产品协作平台的无缝衔接。蓝湖插件可以帮助设计师将设计稿直接上传到蓝湖平台，方便与团队成员进行沟通和协作。要安装和使用蓝湖插件，可以按照官方教程进行操作。首先，下载蓝湖插件压缩包，并按照教程中的指引进行安装。安装完成后，重启Photoshop即可开始使用蓝湖插件。具体的安装和使用步骤可以参考蓝湖官方教程中的操作截图和说明。\[1\]\[2\] #### 引用[.reference_title] - *1* [蓝湖Photoshop插件如何安装和使用？蓝湖Photoshop插件使用教程](https://blog.csdn.net/weixin_33746247/article/details/117980454)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [【win】Photoshop+蓝湖插件安装小白教程(下)](https://blog.csdn.net/weixin_49952552/article/details/108254273)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值