Hello everyone! I just created a totally new plugin to establish easier and reliable workflow. if you'd like to test out, it's here: https://github.com/keremciu/sketch-iconfont-web waiting for your feedback! :)
Problem here https://twitter.com/mwstrmnn/status/782979129780146178
Hey guys, I've fixed the problem with 3.91 version of Sketch.
Also we've new features like multiple text change, I will share gifs about them soon. Before sharing gifs, you can find and use them :)
First use? you need to watch (THIS VIDEO)
Your teammates don't have your icon-fonts? don't worry now you can convert all icons with one command then share it.
This plugin helps you easily insert and manage icons from icon fonts - such as FontAwesome, Ion or Material Design Icons - in your Sketch designs.
The plugin itself has no font built-in. You will need to download and install the fonts you wish to use directly from the font publisher. The most popular ones, however, have been put into a bundle which you can easily download from here: https://github.com/keremciu/font-bundles
=======
For The Designer:
When a designer wants to add an icon from an icon font - such as material design, fontawesome, etc. - they usually need to find a cheatsheet containing all the font's icons, and then manually copy+paste each one they wish to use into their design - or use a third-party application. Time consuming and cumbersome.
For The Developer:
When a developer wants to find out the name of an icon that was used by the Designer, they need to search through a lengthy list of icons, until they find it. Time consuming and cumbersome.
=======
Plugins > Reveal Plugins Folder
to find the plugin folder).=======
Command | Description |
---|---|
Install a Font-Bundle | Install a newly downloaded font bundle. |
Export your Font-Bundle | Export or backup all of your icon fonts previously installed. Recommended to use before you install new version of the plugin. |
Install a Font | Install a newly downloaded font - containing an svg font file. |
Remove a Font | Remove a previously installed font. |
Grid Insert | Insert an icon by searching for it in a visual grid table. |
Name Insert | Insert an icon by name. |
HTML of Selected Icon | To use an icon on web or mobile, select it and use this command. |
You can follow me on twitter to get updates.http://twitter.com/keremciu
MIT
=======
how about supporting my time-savers? if you'd like to buy me a beer, you can make it on PayPal then I can focus more on this stuff while having a beer
You can see an old version of this plugin here: http://i.imgur.com/EBGmlSe.gif - and you can download it from here: https://github.com/keremciu/sketch-iconfont/tree/oldversion
iconfont 使用 svg引入方式参考文章@十木禾 参考文章@一像素的执着 方法一:svg 引入 创建一个 iconfont.js 文件 将从 icon-font 网站中下载的代码粘贴进上面的js文件。 在 main.js 文件中引入改js文件 使用方式 // 在 main.js 文件中引入 iconfont.js 文件 import './assets/iconfontsvg' // 正常
图标库 font-awesome 简易用法: 安装:npm install font-awesome --save 引入:在主入口函数内引入import 'font-awesome/css/font-awesome.css' 使用:用i标签<i class="fa fa-search"></i> 可能遇到的问题:部署后图标消失,解决方法点这里 font-awesome 5 复杂用法: 点这里
https://www.iconfont.cn/ 转载于:https://www.cnblogs.com/leo9527/p/10471892.html
作者:宋佳 邮箱:songjia@haomo-studio.com 目录 一. 介绍 二. 界面 三. 图层 四. 图形 五. 文本 六. 图片 七. 符号 八. 式样 九. 编组 十. 画布 十一. 导出 十二. 导入 十三. 偏好设置 十四. 性能 十五. 性能 十六. 快捷键 一.介绍 1.sketch介绍 Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以
Sketch 是 Android 上一款强大且全面的图片加载器,除了图片加载的必备功能外,还支持 GIF,手势缩放、分块显示超大图片、自动纠正图片方向、显示视频缩略图等功能 特性: 多种 URI 支持. 支持 http://、https://、asset://、content://、file:///sdcard/sample.jpg、 /sdcard/sample.jpg、drawable://、
Interactive sketches made with three.js. https://ykob.github.io/sketch-threejs/ This code is released under the MIT license. If you want to use some code, you can use these freely by adding license no
Sketch Commands Sketch Commands is a port of some of my Orange Commands for Fireworks for Sketch.app. Installation Download & unzip the latest version and double click it to install it Documentation f
Make your workflow more efficient. 中文说明 Installation Search "Automate Sketch" from Sketch Runner. Download master.zip, unzip it, then double-click the "automate-sketch.sketchplugin". Download for olde
Sketch Palettes A Sketch plugin for exporting and importing fill presets. It supports colors, gradients, and Pattern fills. Installation Move the Sketch Palettes plugin into your Plugins folder or dou