Fix San Francisco

About this plugin

This plugin won't fix the city's problems, but it will automatically apply the correct font variant and tracking for selected texts using the San Francisco typeface.

How to Use

1. Select a Frame or texts with “SF Pro”, “SF Pro Display”, “SF Pro Text”, "SF Pro Rounded", or "New York" fonts.
2. Run “Fix San Francisco” from Plugins menu.

The plugin will find all relevant texts in your selections and apply the fix.

Note: Texts with text style will not be changed.

Note: For New York, you must use the “New York” font and not the optical variants (“New York Small”, “New York Medium”, etc.) for the plugin to apply the appropriate tracking.

Context

When texts with SF fonts are rendered on iOS, their variant and tracking (letter spacing) are adjusted based on their point size and the user's accessibility settings. In Figma, the tracking must be manually applied to get a more accurate representation. Hence, Fix San Francisco is here to automate this process for you ♥

Inspired by Sketch-SF-UI-Font-Fixer.