Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Search the Community

Showing results for tags 'xcode'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Affinity Support
    • News and Information
    • Frequently Asked Questions
    • Affinity Support & Questions
    • Feedback & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer V2
    • Report a Bug in Affinity Photo V2
    • Report a Bug in Affinity Publisher V2
    • Report a Bug in Affinity Version 1 applications
  • Beta Software Forums
    • macOS Beta Forums
    • Windows Beta Forums
    • iPad Beta Forums
    • [ARCHIVE] Reports from Affinity Version 1 Betas

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start




Website URL






Member Title

Found 8 results

  1. Summary Affinity Designer, as of 1.9, produces SVG exports where at least one simple, hollow shape (donut) is unusable in Xcode or subsequently on iOS Impact The problem effectively prevents the use of Affinity Designer by many developers working on the creation of svg assets for the Apple platforms. Similar issues perhaps for Glowforge users, see https://community.glowforge.com/t/bug-svg-fill-rule-fix/20413 Setup macOS 11.2.1 (20D74) Intel Affinity Designer 1.9.0 on Xcode 12.4 with iOS target 14.0 To reproduce New document, Presets -> Devices -> iPad Mini Use Donut tool to create Donut (screenshot "ad donut.png") Export entire document as SVG (going via Export Persona and slices doesn't make any difference), (e.g. "xcodeProblem.svg") Open an Xcode project and navigate to an Assets.xcassets Drag SVG file exported in 3 into the project's Assets.xcassets Observe that Xcode renders the Donut incorrectly as a solid circle (screenshot "xcode ad broken.png") Workaround 1 Manually edit the exported SVG file in coding editor such as Vim, Emacs, VSCode Find the Donut's path element. Add a "style="fill-rule:evenodd" attribute to the Donut's path (or if there's an existing one amend it to include the "fill-rule:evenodd" value. Save the file (e.g. "xcodeProblem tweaked style.svg") File works okay in Xcode, i.e. has empty middle (screenshot "xcode showing broken and both workarounds.png") Workaround 2 Manually construct the Donut from two Ellipses, the inner of which is drawn with the opposit rotation. Draw outer ellipse Draw an inner ellipse NB: manually mirror the inner ellipse so that its drawing direction is in the opposite direction to the outer. Align inner with outer Select both and XOR differentially union together to create singe curves, donut. Export as SVG and file works okay in Xcode (e.g. "xcodeProblem xor'd different rotations.png") File works okay in Xcode, i.e. has empty middle (screenshot "xcode showing broken and both workarounds.png") Tips on how to workaround, were picked up from the Glowforge forum here https://community.glowforge.com/t/bug-svg-fill-rule-fix/20413 where they are encountering a similar issue. Misc Likely to have similar issues with other hollow shapes. Omnigraffle screws this up as well. Inkscape and Sketch gets it right. The SVG renders just fine in Firefox, Safari, preview etc, just within Xcode and on iOS xcodeProblem.svg xcodeProblem tweaked style.svg xcodeProblem xor'd different rotations.svg
  2. Hello, I was struggling for hours trying to create a macOS Application Icon Set from an SVG with Affinity Designer (v1.8.3). I went to Export Persona > Slices > Batch builder and select "Xcode JSON: macOS Application Icon" and I just could not figure out what to do next to actually export the icon set. There is no help or topic on how to make it work. Accidentally, I found that after selecting the "Xcode JSON: macOS Application Icon" option in "Batch builder" dropdown, I next must select "OSX Application Icon" in "Export preset" dropdown: Just having done these steps I could click the little export button on the right to finally export the complete icon set. What if Affinity Designer would auto select the related "Export preset" for options in "Batch builder" dropdown? Or what if there should not be any "Export preset" selected for Batch builder jobs? The batch should work just without any other option selected... Could you improve the Batch builder feature and ease our work experience, please? Hope this feature request makes sense for all Affinity Designer users. Devy
  3. Hello Fellow Designers, I would like to share my latest work with you. Last week I created an iOS 13 app with Affinity Designer and Apple's latest user interface framework, SwiftUI. The application itself is a part of my new SwiftUI Course as the first project which students will build from scratch. I found both Affinity Designer and Photo very helpful in the creative process and I decided to continue work with them in the future. If you do not mind, I attach some snapshots of the SwiftUI app. What do you think about it? Any suggestions or tips? I would appreciate it so much. Have a nice day! Cheers, Robert A short video about the final app: App Gallery
  4. Xcode now allows imagesets to be in vector (pdf) format with a single scale. When checking "Preserve Vector Data" (see screenshot) the image is scaled by Xcode to any required size so there is no need to create lots of images in @1x,@2x,@3x for all required sizes. This is a great new feature of Xcode. In Affinity Designer I create a slice with output format pdf (for export) and choose the builder "Xcode JSON Apple Universal Icon". The JSON file gets the following content: { "images" : [ { "idiom" : "universal", "filename" : "Gear.pdf", "scale" : "x" } ], "info" : { "version" : 1, "author" : "xcode" } } But what Xcode expects for this type of imageset is this: { "images" : [ { "idiom" : "universal", "filename" : "Gear.pdf" } ], "info" : { "version" : 1, "author" : "xcode" }, "properties" : { "preserves-vector-representation" : true } } So no "scale" and an additional property "preserves-vector-representation". Is there any way to customize the output of the builder JSON file? Thanks, Mario
  5. Admittedly I'm a brand new Affinity Designer user. I purchased Affinity Designer for work on one specific image I purchased from Shutterstock. I'm very used to Sketch for UI/UX Design. Basically, I'm trying to do the following very basic steps with Affinity Designer. The image I purchased is a .EPS, and loads fine in Affinity Designer. The download is a rectangle with a lot of white space at the top and bottom, I need to remove the white space, and just focus on the image. The download is 452x452. The goal is to create a @2X and @3X images for Xcode Assets. I created an artboard around the image, and the artboard is 378x226, not quite the size it needs to be. I need to scale it so it's close to the 454x267 size I need and then export to the scaled sizes for Xcode Assets, which would be 2x (908 x 534) and 3x. (1362 x 801) all the while maintaining the pixel perfect image. Thanks in advance.
  6. Hi everyone, first time for me to contribute to this wonderful community, i just wanted to share my iOS / OSX app icon set, since the ones i found didn't cover every resolution needed. With this template, you just have to put your icon in every workspace and then export everything, the @*x are already set so you have them all ! you can see the results in the screenshots. Have fun guys ! icon template.afdesign
  7. Hello! Is there any way for me to import my affinity photo designs into Xcode? I'm not really sure how to code all the designs I've already made and it would be WAY faster if I could just export them into Xcode itself. Thanks so much.
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.