Git Product home page Git Product logo

cleanupsfui's Introduction

Clean Up SF Type

This plugin does two things: adjusts character spacing on text layers set in SF Text & SF Display fonts to match the system-applied spacing on iOS 9-11. Secondly for type 20pt / 40px and above, it will automatically switch the font to the "Display" variant, per Apple's recommendations.

How to Use It

Choose the plugin from the menu. It will automatically update all SF text Layers on the current page. That's it!

How it Works

Finds all SF UI or SF Pro fonts and updates the character spacing, based on the tracking values provided by Apple and adapted for Sketch's "character spacing" property by Matthew Buchanan.

Because the values provided by Apple are not exhaustive, for font sizes that are not defined explicitly, the spacing is approximated using a polynomial regression.

Updated 9/19/2017

Added support for mixed-style text layers, so things like font weight and character spacing are respected.

Updated 9/11/2017

Added support for SF Pro font (the new default font in iOS 11), along with additional tracking values. Note, for backwards compatibility it will leave existing SF UI fonts unchanged.

Updated 7/6/2016

By popular demand, I've added support for people who design @1x. The first time you run the script it will ask you once what resolution you design in. You can always change this by running "Set Default Design Resolution".

cleanupsfui's People

Contributors

einancunlu avatar logandark avatar schwa23 avatar wpk avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.