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

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.3k
Sep ’21
Recommended order of iOS 16 navigation buttons for editor style?
The What's New in iPad Design session shows a slightly different order of navigation controls than what is available in the WWDC seed. The Pages toolbar, for example, shows the back button (managed by the toolbar?) followed by the sidebar button (managed by the UISplitView). Apps compiled with the seed feature the sidebar button followed by the back button. If the former is the design guidance, is there a setting that enables this behavior?
0
1
1.5k
Jun ’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.7k
May ’26
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
708
Oct ’22
New SF Font Widths for WatchOS
The documentation for Font.Width lists iOS 16.0+ and WatchOS 9.0+ as supporting the various new font widths. I was able to implement the new widths in an iOS app built with SwiftUI by converting UIFont to Font by writing an extension to Font. However, the same approach is not working in my WatchOS SwiftUI app. Should this work? I have not found any discussion of this specific issue anywhere.
1
1
1.3k
Dec ’22
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.2k
Sep ’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.4k
Sep ’22
IOS 15 persian font
New iOS persian font is so ugly, unreadable at the edges of some messages and is considered as a font that is not suitable for everday typing and reading. How can i restore it to the ios 14 version font? What is the process of choosing a new font? Do they ask native focus groups and professionals about the font?
Topic: Design SubTopic: General Tags:
2
0
2.4k
Mar ’22
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
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
3k
May ’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
2
0
546
Sep ’25
iOS 27 top blur/overlay compared with iOS 26
The new top blur/overlay in iOS 27 feels significantly heavier and more visually intrusive than the previous progressive blur treatment in iOS 26. In iOS 26, the blur transitioned more naturally into the content, allowing the background and artwork to remain visually continuous. In iOS 27, the stronger and more defined overlay creates a noticeable boundary at the top of the screen, making it feel like a separate UI layer rather than part of the background. I believe the previous progressive blur approach was more elegant and better aligned with the Liquid Glass design language. It would be great if Apple could consider: Reducing the overall blur intensity Making the transition more gradual Removing the noticeable hard visual boundary Preserving more of the underlying content and artwork I have attached an iOS 26 vs. iOS 27 comparison for reference.
Topic: Design SubTopic: General
3
3
1.2k
1d
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.3k
Activity
Sep ’21
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
1.1k
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
6.3k
Activity
Apr ’26
Recommended order of iOS 16 navigation buttons for editor style?
The What's New in iPad Design session shows a slightly different order of navigation controls than what is available in the WWDC seed. The Pages toolbar, for example, shows the back button (managed by the toolbar?) followed by the sidebar button (managed by the UISplitView). Apps compiled with the seed feature the sidebar button followed by the back button. If the former is the design guidance, is there a setting that enables this behavior?
Replies
0
Boosts
1
Views
1.5k
Activity
Jun ’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.7k
Activity
May ’26
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.2k
Activity
Oct ’22
Why does point No. 5 disappear at 6:40?
Dose anybody noticed this?
Replies
3
Boosts
0
Views
1.6k
Activity
Sep ’22
Color of UIMenu changed from light to dark in iOS 15
The color of the UIMenu in my application has changed from light to dark when I upgraded my device to iOS 15. Do I need to override a property or write other code in order to keep the color of the UIMenu consistent with other iOS versions?
Replies
1
Boosts
0
Views
1.7k
Activity
Jul ’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
2k
Activity
Jun ’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
708
Activity
Oct ’22
New SF Font Widths for WatchOS
The documentation for Font.Width lists iOS 16.0+ and WatchOS 9.0+ as supporting the various new font widths. I was able to implement the new widths in an iOS app built with SwiftUI by converting UIFont to Font by writing an extension to Font. However, the same approach is not working in my WatchOS SwiftUI app. Should this work? I have not found any discussion of this specific issue anywhere.
Replies
1
Boosts
1
Views
1.3k
Activity
Dec ’22
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.2k
Activity
Sep ’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.4k
Activity
Sep ’22
IOS 15 persian font
New iOS persian font is so ugly, unreadable at the edges of some messages and is considered as a font that is not suitable for everday typing and reading. How can i restore it to the ios 14 version font? What is the process of choosing a new font? Do they ask native focus groups and professionals about the font?
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
2.4k
Activity
Mar ’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
1.1k
Activity
Jan ’22
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.8k
Activity
Jun ’26
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
3k
Activity
May ’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
546
Activity
Sep ’25
iOS 27 top blur/overlay compared with iOS 26
The new top blur/overlay in iOS 27 feels significantly heavier and more visually intrusive than the previous progressive blur treatment in iOS 26. In iOS 26, the blur transitioned more naturally into the content, allowing the background and artwork to remain visually continuous. In iOS 27, the stronger and more defined overlay creates a noticeable boundary at the top of the screen, making it feel like a separate UI layer rather than part of the background. I believe the previous progressive blur approach was more elegant and better aligned with the Liquid Glass design language. It would be great if Apple could consider: Reducing the overall blur intensity Making the transition more gradual Removing the noticeable hard visual boundary Preserving more of the underlying content and artwork I have attached an iOS 26 vs. iOS 27 comparison for reference.
Topic: Design SubTopic: General
Replies
3
Boosts
3
Views
1.2k
Activity
1d