GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kylehickinson → Sketch Sf Ui Font Fixer

kylehickinson / Sketch Sf Ui Font Fixer

Licence: mit
A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app.

Labels

pluginfontsketchsketch-plugin

Projects that are alternatives of or similar to Sketch Sf Ui Font Fixer

Sketch Connection Flow Arrows
Plugin for generating easy to use connection flow arrows in Sketch
Stars: ✭ 275 (-44.11%)
Mutual labels:  plugin, sketch-plugin, sketch
Keys For Sketch
Advanced shortcut manager for Sketch app.
Stars: ✭ 281 (-42.89%)
Mutual labels:  plugin, sketch-plugin, sketch
Skpm
💎📦 A utility to build and publish Sketch plugins
Stars: ✭ 890 (+80.89%)
Mutual labels:  plugin, sketch-plugin, sketch
Quickcolor
Quickly apply fills from the global or document color palettes to selected elements - 🎨
Stars: ✭ 59 (-88.01%)
Mutual labels:  plugin, sketch-plugin, sketch
Logodrop
A Sketch Plugin to get brand logos right into Sketch App.
Stars: ✭ 140 (-71.54%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch2ae
A Sketch plugin to export sketch file to Adobe After Effect
Stars: ✭ 170 (-65.45%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Copy Paste Shadows
Copy & paste only shadow styles from layers without others styles getting in the way.
Stars: ✭ 38 (-92.28%)
Mutual labels:  plugin, sketch-plugin, sketch
Paster
Pasting a text data from a clipboard directlly to Sketch text layers [Sketch plugin]
Stars: ✭ 88 (-82.11%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Dockpreview
A Sketch plugin that lets you preview your current artboard in the Dock.
Stars: ✭ 90 (-81.71%)
Mutual labels:  plugin, sketch-plugin, sketch
Fake Chinese Name For Sketch
生成随机中文人名的 Sketch 插件
Stars: ✭ 141 (-71.34%)
Mutual labels:  plugin, sketch-plugin, sketch
Icondrop
Get access to 2 million+ design resources right inside Adobe Xd, Figma, Sketch, Microsoft Office, G Suite and many more.
Stars: ✭ 174 (-64.63%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketchcontentsync
Sync sketch files with google docs.
Stars: ✭ 270 (-45.12%)
Mutual labels:  sketch-plugin, sketch
Merge Duplicate Symbols
Sketch plugin to merge symbols and layer&text styles.
Stars: ✭ 272 (-44.72%)
Mutual labels:  plugin, sketch
Sketch Module Web View
A sketch module for creating an complex UI with a webview
Stars: ✭ 270 (-45.12%)
Mutual labels:  sketch-plugin, sketch
Google Sheets Content Sync Sketch Plugin
Sync content within a Google Sheets document, to text layers — based on their names. Edit and collaborate on your content in Google Sheets, then sync in back to your sketch files.
Stars: ✭ 277 (-43.7%)
Mutual labels:  sketch-plugin, sketch
Sketch Gifme Plugin
Embed gifs and videos in your Sketch files!
Stars: ✭ 274 (-44.31%)
Mutual labels:  sketch-plugin, sketch
Css Buddy
A Sketch 3 plugin that allows you to use CSS on layers.
Stars: ✭ 279 (-43.29%)
Mutual labels:  sketch-plugin, sketch
Sketch-StickyGrid
Sketch plugin to make paths be snapped to grid.
Stars: ✭ 62 (-87.4%)
Mutual labels:  sketch, sketch-plugin
Sketch Lint
Check the compliance of your design guidelines within seconds
Stars: ✭ 291 (-40.85%)
Mutual labels:  sketch-plugin, sketch
Sketch Artboardtricks
A variety of artboard-related utilities for Sketch, primarily rearranging them into a grid, numbering them, etc.
Stars: ✭ 316 (-35.77%)
Mutual labels:  sketch-plugin, sketch
View All Similar Projects ➔

Download from Sketchpacks.com Compatible Sketch Version

A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/Display fonts to what it would be when used in the app.

E.g. If you use SF UI Text at 16pt the script will set this layer's character spacing to -0.32.

Why

When you use -[UIFont systemFontOfSize:] or other system font related API's in iOS, iOS automatically adjusts the font's tracking based on the point size you're using (see Tracking Table: https://developer.apple.com/fonts/ or check out WWDC session 804 "Introducing the New System Fonts"). Since this happens at an API level and not a font level, Sketch has no way of determining its default character spacing. Scripting it is better than doing it manually every time ¯\_(ツ)_/¯.

Oddly enough official tracking table matches SF UI Text much better than SF UI Display. So SF UI Display's size to character spacing mapping is generated in a small iOS project.

How

Just select the text layers that have SF UI Text/Display fonts being used and run the script (Plugins > Fix SF UI Font Character Spacing), it will set the correct spacing based on the current font size. If you change that layer's font size you will need to re-run the script on that layer.

Keyboard Shortcut

⌃⌘T. (Ctrl+Cmd+T) If you want it to be something different you can technically edit the manifest.json file in the plugin.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].