Skip to main content
52 votes

How to use San Francisco font on Windows?

You go here: https://developer.apple.com/fonts/ (yes I know this is the official link - thing is: SF is a open type font, its just "hidden" deep in the downloaded package) Then you download the font. ...
mpt's user avatar
  • 621
19 votes

How to use San Francisco font on Windows?

Step 1: Download the font package from Apple. https://developer.apple.com/fonts/ Make sure to download the regular fonts and not the compact fonts for watchOS. The download will have an annoying ....
Mohd Faizan's user avatar
10 votes

How to use San Francisco font on Windows?

I'm resurrecting this from the death, because I think I have the answer. I ended up downloading the font here, and proceeded to convert all the fonts to TTF format using this converter. This has ...
Tanno's user avatar
  • 217
5 votes
Accepted

Inkscape Filter: Mimic macOS Big Sur Icon 3D Effect

Here's my attempt at replicating this style with custom filters created by using Inkscape's filter editor: First give your shape a gradient so that approximately one third at the top is fully white, ...
Xrott's user avatar
  • 3,826
3 votes
Accepted

I cant find iOS specs equivalent to Material Design

The Human Interface Guidelines are the official guidelines and the closest official source you'll get. There is no detailed spec similar to Material Design's. Although similar in purpose, the Human ...
Cai's user avatar
  • 40.8k
2 votes

Font similar to San Francisco for PC?

You can download San Francisco directly from Apple in OTF format. Windows doesn't like that format, but you can use this tool to convert it to TTF. It worked for me using Windows 10. I discovered the ...
JohnB's user avatar
  • 20.1k
2 votes

Font similar to San Francisco for PC?

Google fonts has a nice, free alternative that's close called Roboto:
zeethreepio's user avatar
  • 4,096
2 votes

I cant find iOS specs equivalent to Material Design

Also this can be useful for you :)
Sebastian Zarnowski's user avatar
2 votes
Accepted

What software do you recommend for creating a logo

To give you the answer you're looking for, most people would probably still be using Adobe Illustrator to design logos. There are some free alternatives to that and of course, Zach's answer should ...
lmlmlm's user avatar
  • 29.6k
2 votes

How to design stack-like icons like Apple and Bootstrap do, in Sketch?

Since you stated that you could use either Photoshop or Sketch, I wanted to mimic @Danielillo's answer but using Sketch this time. Disclaimer: The result is far from perfect, I'll just explain the ...
Clafouti's user avatar
  • 406
1 vote

What font was used here? (Apple Watch font)

It's the Nike Globe font. It's not yet distributed, it's a custom design made by Chul Lee for Nike. You can find all the numbers here : https://media.licdn.com/dms/image/v2/D5622AQEgZBi2eTSynw/...
Lionel's user avatar
  • 21
1 vote
Accepted

How to work with Apple's Design Resources in Photoshop

---EDIT after further research--- Apple Instructions - Apple has step-by step instructions on how the document icon works here. I wasn't completely wrong. You're not supposed to export the whole ...
Alith7's user avatar
  • 1,630
1 vote

How can I recreate these Apple device shadows?

I recreate those type of shadows constantly at my work. Tool used: Photoshop My process consists of three main layers: A soft darker and shorter layer around the object with a little bit of ...
RA828's user avatar
  • 338
1 vote

Text/Icon Radio Button Name?

There's no common name for this sort of set of inputs to my knowledge. I would call it stylized radio buttons. They are likely inputs with button labels and the actual input hidden.
Zach Saucier's user avatar
  • 13.4k
1 vote

Junior Designer - Struggling with iOS icon sizes

I had the same problem. Adobe Ilustrator keep generating not apropriate size of Icon images. 21 instead of 20, 30 instead of 29, 168 instead of 167. Ready to go script solved the problem: https://...
Marcin's user avatar
  • 11
1 vote

Junior Designer - Struggling with iOS icon sizes

The half pixel dimensions @2x or @3x are for high density displays (Retina, Super Retina, etc.) which are used by pretty much all modern Apple devices. This means it will take twice the number of ...
Jon's user avatar
  • 31
1 vote

Illustrator envelope distort tool alternative

I do believe Affinity Photo for iPad has mesh warp and perspective distort, but I'm not sure how much vector editing capabilities it has.
spiral's user avatar
  • 7,455
1 vote

What software do you recommend for creating a logo

I recommend using pen and paper. Sketch a bunch of ideas. Take about 3 that you like and try a bunch of variations of them. Eventually you should get something usable. Then after you get something ...
Zach Saucier's user avatar
  • 13.4k
1 vote

Where to download Sketch’s version of the SF font?

Go to https://developer.apple.com/fonts/ to download San Francisco Font styles as a zip file. extract the font files from the SF-Font.dmg then open the SF Pro file folder. All the fonts will be ...
nwportlandia's user avatar
1 vote

Where to download Sketch’s version of the SF font?

Sounds like you already figured this out, but this is one of the top google results so I figured I'd post more links. Apple used to provide the SF font to anyone as normal font download, but now they ...
Gabe Mott's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible