Protoship Teleport website importer-Adobe XD插件 任何网站可直接转Adobe XD文件，分图层可编辑！

Teleport是由Protoship开发一款工具，最早诞生于2015年，用于将任何网站直接转为可编辑的设计文件，起初仅提供Sketch插件，Adobe XD插件则一直处于内测中，昨日终于正式上架，插件全称为“Protoship Teleport website importer”，仅支持49.0及以上版本的XD，可通过官方插件市场或第三方插件管理器XDpacks安装使用。

Protoship Teleport website importer安装之后首先需要注册登录，打开点击“sign-in tobegin”按钮前往浏览器注册或登录。

已有账号输入邮箱和密码登录，没有需点击“Don't have an account? Sign up!”前往注册页面，如果你要Google账号，可以直接点击“Login with Google”按钮使用Google账号登录（需ke学上网），在浏览器中登录之后，Adobe XD插件会自动进入登录状态。

将网站转为设计文件的第一步不能通过Adobe XD插件来完成，需要通过一个Chrome浏览器插件在Chrome中完成，在微信公众号“鲜设计”回复“20220412”可获取浏览器插件安装包。

下载crx浏览器插件安装包之后，打开Chrome浏览器，点击右上角菜单--更多工具--扩展程序，进入Chrome浏览器插件管理页面。

或直接进入“ chrome://extensions/ ”页面，开启右上角的“开发者模式”后，刷新页面，刷新页面，刷新页面，然后直接将下载的crx文件拖入到浏览器的当前页面中。

点击“添加扩展程序”按钮，完成安装。

安装浏览器插件后，在Chrome浏览器中打开任意网站，点击插件即可保存。

接下来在Adobe XD的Protoship Teleport website importer插件中点击“Refresh list”刷新列表就可以看到刚刚保存的网站，点击即可在当前文件中创建分层文件，svg字体图标等部分内容可能不完美，但总体问题不大。