Ditto

开发者工具插件大小: 294KiB版本: v 2.2更新时间: 2021-12-21
大小:294KiB版本:v 2.2更新时间:2021-12-21

Paste CSS text styles from a webpage directly into Sketch.

Ditto 的使用方法详解,最全面的教程


Ditto 描述:

用户数:370

分类:开发者工具插件

扩展大小:294 KiB

最后更新时间:2021-12-21

版本:v 2.2


Ditto 插件简介:

这是来自Chrome商店的 Ditto 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。


Ditto插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。


Ditto插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,

完成安装如有其它安装问题,

请扫描网站底部二维码与客服联系如有疑问请参考:

https://www.extfans.com/installation/
Ditto is a Chrome extension with a companion Sketch plugin that allows designers to copy CSS font styles from live websites and paste them directly into Sketch as Sketch styles. INSTALLATION Installing the Chrome Extension Open Chrome. 1. Go to chrome://extensions 2. Toggle “Developer Mode” in the upper-right 3. Click “Load Unpacked” 4. Navigate to Downloads/ditto-master/chrome/assets 5. Click Open. Voila, Ditto should be installed in Chrome. You should see a double-t icon in the extension menu. Installing the Sketch Plugin 1. Go to Downloads/ditto-master/sketch/ 2. Run ditto.sketchplugin__ Voila, Ditto should be installed in Sketch. You should see Ditto in the Plugins dropdown menu. USAGE Using the Chrome Extension 1. Go to a page that you want to copy styles from. 2. Click the gray raccoon head in the corner to activate the plugin. When activated, the double-t icon should be bright teal and an empty Clipboard History 3. modal should appear with instructions on what to do. 4. Select the text you would like to copy and press your desired shortcut. The default shortcut is Cmd + Right. I suggest you remap it to something better. Notes about Chrome Extension Usage - You can select multiple styles in the page, which will appear in the clipboard history. The pink highlight indicates what is currently copied to the clipboard. - The Clipboard History exists as a way to put previously copied styles back into the clipboard. - You can drag the Clipboard History in case it’s covering up some text! - To copy a previously copied style, simply click on an item in the history that you want to copy. It should now be in your clipboard. - The clipboard history is per-domain, which means that rei.com and rei.com/subpage/ will share the same clipboard. Using the Sketch Plugin 1. While the CSS is copied to your clipboard, go to Sketch. 2. Have a text layer ready with some text that you want to re-style. 3. Select the text-layer. 4. Press Ctrl+Opt+V to style the text-layer with the styles in your clipboard. Again I suggest you remap this shortcut to something better. Notes about Sketch Plugin Usage -You may use the Plugins/Paste CSS Styles menu instead of the hotkey. FONT PROPERTIES COPIED Ditto is capable of copying the following styles from CSS into Sketch: - font-size - color - line-height - font-weight - text-decoration - font-family - font-style - letter-spacing - text-transform - font-variant - text-shadow CONTACT Maintainer: Yana Gevorgyan at ygis@mit.edu Initial Creator: Blake Quigley at blakedquigley@gmail.com

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
The web developers helper program to create and test custom HTTP requests.
back top top
back top top