Explore the art and science of app design. Discuss user interface (UI) design principles, user experience (UX) best practices, and share design resources and inspiration.

All subtopics
Posts under Design topic

Post

Replies

Boosts

Views

Activity

Why SFSymbol "face.smiling" will changed to "face.smiling.fill" when switching to dark mode.
I am using XCode 14. The following is the UIImageView, using SFSymbol face.smiling UIImageView background is pink color UIImageView tint is black color When I switch my app to dark mode, the smiling face which use to be transparent color, has became solid black color. The face line (eye, mouth, face border) used to be solid black color, had became transparent color. It seems like the image has changed from "face.smiling" to "face.smiling.fill" ? I would like to avoid such outcome. Is there a way, to force UIImageView load SFSymbol in light mode, even though the entire app is using dark mode? (This happens same when I test using real device and simulator) Thanks.
Topic: Design SubTopic: General Tags:
2
1
2.1k
Sep ’22
How can I get 3.0 symbols to render correctly in Xcode 13?
I'm having issues where symbols created using the 3.0 template won't render correctly in Xcode 13. The symbols look fine in the SF Symbols app, but when I import into Xcode, the symbol is not placed appropriately in the symbol view (it may only show a zoomed-in view of the bottom left part of the symbol, or the symbol won't be in the symbol view at all). EDIT: Images in comment/answer below. EDIT2: To clarify, I'm referring to custom symbols. How can I resolve this issue? Anyone able to point me in the right direction? Thanks!
3
0
2.2k
Sep ’21
SF Symbols 4
Hi all, I was wondering how to create your own SF Symbol 4....I tried to import an SVG into the SF Symbol Beta App but it didnt work. Do you have any ideas or Infos for this issue? Is there a software I can use to create my own SF Symbols ? Thanks, Mike
Topic: Design SubTopic: General Tags:
0
1
700
Oct ’22
SQL Server
I want to use a free alternative of Microsoft SQL Sever on Mac as this isn't supported for macs. Please suggest me any substitute for this which is safe and easy to use.
2
1
923
Nov ’22
How often is there an SF symbols update?
Hey. I just saw a youtube video about what's new in SF Symbols 4 which was released 3 months ago. There were 722 new symbols in the video as you can see here: In my SF Symbols 4, which I just downloaded, there are 890 new symbols: So it seems as if there was a new version of Sf Symbols 4 in the time from the Youtube video until now and therefore I wonder how often a new version appears because so far I have not been able to see any release history of the versions. Best wishes
0
1
1.3k
Sep ’22
CSS animation buggy on Safari
Im currently designing a website for a school project, we use iPads in school so the website has to be iOS and safari friendly, I have a problem with the animations im making, the starting animation is very buggy and its flickering the whole time until it ends, you can look at it by yourself: Website: https://k4zuki-dev.github.io/K4zuki-dev/ Github repository: https://github.com/K4zuki-dev/K4zuki-dev/tree/Geschichte It works on every browser except safari, I tried using the -webkit- prefix on the animations, still no sucsess, I've gone to many different solutions on the internet and nothing helped, maybe someone here can help me or is struggling with the same problem? Thanks in advance!
0
1
1.4k
Oct ’22
May I know how can I use SF Symbols beta to create custom icon?
I am using "checkmark.circle.fill" I wish to have a blue filled circle with the checkmark being solid black. For the blue filled circle, I can choose the tinted color as blue. But, the default SF Symbols "checkmark.circle.fill", its checkmark is transparent. It looks as follow So, I try to use "SF Symbols beta", to create custom icon. During editing, the thing seems like what I want Blue filled circle Solid black color for checkmark Then, I use "Export Symbol...", using Template Version 2.0 (XCode cannot recognise Template Version 3.0) It seems like the checkmark fall back to transparent color. When I import it to XCode It seems like the "solid black color" on the checkmark is gone. When I use this custom icon in my app, it gave same result as "checkmark.circle.fill" (the checkmark still remain as transparent) Doesn't anyone know how to resolve this issue? Thanks.
Topic: Design SubTopic: General Tags:
1
0
4.2k
Jan ’22
Some variable SF Symbols don't work.
Some SF Symbols (wifi for example) render fine with the variable. But many, mostly ones with the circle being variable, do not seem to work. The SF Symbols app shows them rendering with a variable fine. But in code it doesn't work. Am I missing something or is there a reason? var body: some View { HStack { Image(systemName: "01.circle", variableValue: 0.5) Image(systemName: "figure.wave.circle", variableValue: 0.5) Image(systemName: "wifi", variableValue: 0.5) }.font(.largeTitle) } }
Topic: Design SubTopic: General Tags:
2
2
3.6k
May ’26
Record 4:3 ratio from photos on iPhone 16 pro max
I just recently upgraded to iPhone 16 pro max and I noticed you can no longer film in the 4:3 ratio in selfie mode or front camera, from photos like you could on the 13 and 15 (previous phones) I have 4:3 selected, I hold down shutter button and swipe as always, the photo readjusts to 16:9. Then when you hit the shutter button again to stop it resets back to 4:3. Did Apple change this? Is recording in that 4:3 ratio no longer an option?
Topic: Design SubTopic: General
2
4
1.2k
Dec ’24
How can a student start learning Apple’s approach to design?
Hello everyone, I'm 14 and absolutely enthusiastic about Apple — not only the products themselves, but the design nuance, the sense that everything has been well thought-out, and even stuff like Fitness+ and the Tips app. I love how much attention Apple pays to making every aspect of the experience feel deliberate and cohesive. My dream is to eventually become an Apple employee, specifically in design (maybe even retail for the beginnin). I know that I am young right now, but I would like to start learning as soon as possible. To you all who have experience with design or anything else, what are a few things or habits one my age should focus on learning to strengthen in the right direction? to maybe reach this dream Any assistance or advice would be greatly appreciated. Thanks! chase
Topic: Design SubTopic: General
2
0
538
Sep ’25
iOS dark mode app icon
the application icon turns black in iOS 18's dark mode, resembling a ghost. Therefore, we would like to understand how Apple processes the background of app icons to turn them black in dark mode. My request is as follows: I would like to understand the color change principle of app icons in dark mode. Without using Xcode 16, how can we ensure compatibility so that users with iOS 18 can see the normal icon?
Topic: Design SubTopic: General
0
3
1.9k
Jul ’24
Layer to SVG script
In the video ”Create Icons with Icon Composer”, the presenter mentions that Apple has created a layer-to-SVG script for Illustrator that‘s available for download: Once the artwork is in a good place, next we want to export the layers as SVGs. For every tool, this can look a bit different. For those using Illustrator, we've created a layer to SVG script that will automate this for you, which you can download. Exporting out the canvas size ensures everything drops right into position in Icon Composer. Here‘s the link to the mention: https://developer.apple.com/videos/play/wwdc2025/361/?time=377 I can’t find any place to get this script, and my designer is very interested in using it to import our Illustrator icon into Icon Composer. Can someone point me to it?
Topic: Design SubTopic: General
2
3
3.0k
May ’26
Why does point No. 5 disappear at 6:40?
Dose anybody noticed this?
Replies
3
Boosts
0
Views
1.4k
Activity
Sep ’22
QuickTime Player: recording button is not centered
It drives me nuts. Pleas fix this.
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
1
Views
852
Activity
Apr ’23
Why SFSymbol "face.smiling" will changed to "face.smiling.fill" when switching to dark mode.
I am using XCode 14. The following is the UIImageView, using SFSymbol face.smiling UIImageView background is pink color UIImageView tint is black color When I switch my app to dark mode, the smiling face which use to be transparent color, has became solid black color. The face line (eye, mouth, face border) used to be solid black color, had became transparent color. It seems like the image has changed from "face.smiling" to "face.smiling.fill" ? I would like to avoid such outcome. Is there a way, to force UIImageView load SFSymbol in light mode, even though the entire app is using dark mode? (This happens same when I test using real device and simulator) Thanks.
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
1
Views
2.1k
Activity
Sep ’22
Downloadable new fonts?!
Are the new fonts available to be downloaded and used in other apps such as Figma or Sketch? We want to design a new UI with SF Expanded, but cannot seem to find it anywhere.
Replies
1
Boosts
1
Views
1.8k
Activity
Jun ’22
How can I get 3.0 symbols to render correctly in Xcode 13?
I'm having issues where symbols created using the 3.0 template won't render correctly in Xcode 13. The symbols look fine in the SF Symbols app, but when I import into Xcode, the symbol is not placed appropriately in the symbol view (it may only show a zoomed-in view of the bottom left part of the symbol, or the symbol won't be in the symbol view at all). EDIT: Images in comment/answer below. EDIT2: To clarify, I'm referring to custom symbols. How can I resolve this issue? Anyone able to point me in the right direction? Thanks!
Replies
3
Boosts
0
Views
2.2k
Activity
Sep ’21
Does anyone has the apple lock screen font?
I have searched for months but I didn't find anything
Replies
0
Boosts
1
Views
1.1k
Activity
Oct ’22
SF Symbols 4
Hi all, I was wondering how to create your own SF Symbol 4....I tried to import an SVG into the SF Symbol Beta App but it didnt work. Do you have any ideas or Infos for this issue? Is there a software I can use to create my own SF Symbols ? Thanks, Mike
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
1
Views
700
Activity
Oct ’22
SF Symbols 3 Vaccine Icon
Is there a vaccine / shot icon available in SF Symbols 3 and Xcode 13?
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
987
Activity
Jan ’22
SQL Server
I want to use a free alternative of Microsoft SQL Sever on Mac as this isn't supported for macs. Please suggest me any substitute for this which is safe and easy to use.
Replies
2
Boosts
1
Views
923
Activity
Nov ’22
How often is there an SF symbols update?
Hey. I just saw a youtube video about what's new in SF Symbols 4 which was released 3 months ago. There were 722 new symbols in the video as you can see here: In my SF Symbols 4, which I just downloaded, there are 890 new symbols: So it seems as if there was a new version of Sf Symbols 4 in the time from the Youtube video until now and therefore I wonder how often a new version appears because so far I have not been able to see any release history of the versions. Best wishes
Replies
0
Boosts
1
Views
1.3k
Activity
Sep ’22
CSS animation buggy on Safari
Im currently designing a website for a school project, we use iPads in school so the website has to be iOS and safari friendly, I have a problem with the animations im making, the starting animation is very buggy and its flickering the whole time until it ends, you can look at it by yourself: Website: https://k4zuki-dev.github.io/K4zuki-dev/ Github repository: https://github.com/K4zuki-dev/K4zuki-dev/tree/Geschichte It works on every browser except safari, I tried using the -webkit- prefix on the animations, still no sucsess, I've gone to many different solutions on the internet and nothing helped, maybe someone here can help me or is struggling with the same problem? Thanks in advance!
Replies
0
Boosts
1
Views
1.4k
Activity
Oct ’22
"The symbol could not be imported. The template version number must be present in the SVG file. Make sure that the version number text has not been converted to outlines."
How do I resolve this issue when trying to re-import a custom SF Symbol into Apple's SF Symbols app? Is there an exact export configuration I'm missing in Sketch or Figma?
Replies
4
Boosts
0
Views
6k
Activity
Apr ’26
May I know how can I use SF Symbols beta to create custom icon?
I am using "checkmark.circle.fill" I wish to have a blue filled circle with the checkmark being solid black. For the blue filled circle, I can choose the tinted color as blue. But, the default SF Symbols "checkmark.circle.fill", its checkmark is transparent. It looks as follow So, I try to use "SF Symbols beta", to create custom icon. During editing, the thing seems like what I want Blue filled circle Solid black color for checkmark Then, I use "Export Symbol...", using Template Version 2.0 (XCode cannot recognise Template Version 3.0) It seems like the checkmark fall back to transparent color. When I import it to XCode It seems like the "solid black color" on the checkmark is gone. When I use this custom icon in my app, it gave same result as "checkmark.circle.fill" (the checkmark still remain as transparent) Doesn't anyone know how to resolve this issue? Thanks.
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
4.2k
Activity
Jan ’22
Will Apple support in variable fonts on iOS and iPadOS?
Since installing static otf/ttf fonts via configuration file on iOS and iPadOS is fully supported, when will Apple be supporting installing variable fonts on iOS and iPadOS?
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
1
Views
921
Activity
Oct ’22
Some variable SF Symbols don't work.
Some SF Symbols (wifi for example) render fine with the variable. But many, mostly ones with the circle being variable, do not seem to work. The SF Symbols app shows them rendering with a variable fine. But in code it doesn't work. Am I missing something or is there a reason? var body: some View { HStack { Image(systemName: "01.circle", variableValue: 0.5) Image(systemName: "figure.wave.circle", variableValue: 0.5) Image(systemName: "wifi", variableValue: 0.5) }.font(.largeTitle) } }
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
2
Views
3.6k
Activity
May ’26
Record 4:3 ratio from photos on iPhone 16 pro max
I just recently upgraded to iPhone 16 pro max and I noticed you can no longer film in the 4:3 ratio in selfie mode or front camera, from photos like you could on the 13 and 15 (previous phones) I have 4:3 selected, I hold down shutter button and swipe as always, the photo readjusts to 16:9. Then when you hit the shutter button again to stop it resets back to 4:3. Did Apple change this? Is recording in that 4:3 ratio no longer an option?
Topic: Design SubTopic: General
Replies
2
Boosts
4
Views
1.2k
Activity
Dec ’24
Tags and Color folder
I’m delighted with the introduction of new color folders. Although, I can’t help but wonder why we still need both color folders and tags. Aren’t the color folders sufficient for our needs?
Replies
1
Boosts
0
Views
1.2k
Activity
Jun ’26
How can a student start learning Apple’s approach to design?
Hello everyone, I'm 14 and absolutely enthusiastic about Apple — not only the products themselves, but the design nuance, the sense that everything has been well thought-out, and even stuff like Fitness+ and the Tips app. I love how much attention Apple pays to making every aspect of the experience feel deliberate and cohesive. My dream is to eventually become an Apple employee, specifically in design (maybe even retail for the beginnin). I know that I am young right now, but I would like to start learning as soon as possible. To you all who have experience with design or anything else, what are a few things or habits one my age should focus on learning to strengthen in the right direction? to maybe reach this dream Any assistance or advice would be greatly appreciated. Thanks! chase
Topic: Design SubTopic: General
Replies
2
Boosts
0
Views
538
Activity
Sep ’25
iOS dark mode app icon
the application icon turns black in iOS 18's dark mode, resembling a ghost. Therefore, we would like to understand how Apple processes the background of app icons to turn them black in dark mode. My request is as follows: I would like to understand the color change principle of app icons in dark mode. Without using Xcode 16, how can we ensure compatibility so that users with iOS 18 can see the normal icon?
Topic: Design SubTopic: General
Replies
0
Boosts
3
Views
1.9k
Activity
Jul ’24
Layer to SVG script
In the video ”Create Icons with Icon Composer”, the presenter mentions that Apple has created a layer-to-SVG script for Illustrator that‘s available for download: Once the artwork is in a good place, next we want to export the layers as SVGs. For every tool, this can look a bit different. For those using Illustrator, we've created a layer to SVG script that will automate this for you, which you can download. Exporting out the canvas size ensures everything drops right into position in Icon Composer. Here‘s the link to the mention: https://developer.apple.com/videos/play/wwdc2025/361/?time=377 I can’t find any place to get this script, and my designer is very interested in using it to import our Illustrator icon into Icon Composer. Can someone point me to it?
Topic: Design SubTopic: General
Replies
2
Boosts
3
Views
3.0k
Activity
May ’26