SVG Shaper for SwiftUI 4+
ZeeZide GmbH
-
- Free
Screenshots
Description
SVG Shaper for SwiftUI is a little macOS application that accepts images in the Scalable Vector Graphics format (SVG) and converts those into SwiftUI source code. Got an SVG icon from your designer? Use the contained shapes directly within your SwiftUI views.
SVG Shaper’s primary purpose is to convert the paths contained in an SVG into SwiftUI “Path” values and “Shape” structures. The generated code can directly be used in a SwiftUI Xcode project.
The app also tries to convert the overall structure of the SVG into SwiftUI “Views”. Given that the SwiftUI graphics model is different to SVG’s, the quality of the generated code depends a lot on the actual SVG and features used.
- generates SwiftUI Shape’s, Path’s and View’s
- linear gradients export as SwiftUI LinearGradient’s
- many SVG filters and source operations, including merge filters
- generates resizable views for SVGs with bounds
- styling of text, including gradient filled Text’s
- various style options for source code generation
- includes an Xcode extension to convert in-place
- available as a macOS service for use in any other app
SVG Shaper does not support the full SVG specification, here is a set of things which are unsupported:
- embedded bitmap images
- percentage units (e.g. width=50%)
- gradient units
- masks
- path length
What’s New
Version 1.0.6
Fixed a crash when drag&dropping an SVG into an empty document.
Ratings and Reviews
Nice work, and Thank you.
Only thing that hung me up was i kept wondering why i coudln't open an SVG when i downloaded it, all of my SVGs were greyed out in the open dialog.
Silly me, it's looking for an SVG Shaper file, so all i needed to do was click on new document.
Thank you for this great tool, which is helping me convert 100s of svg i need for a game. Just started using it and it looks like it's the tool i need.
Good idea
This app is a good idea and with a little improvement, it could be great. I think the main thing that kept me from putting a 5 star review is that the generated path does not scale easily. When a path is generated, I wish it would automatically multiply the coordinate points by the frame's width/height (rect.size.width/rect.size.height). Right now, my bigger images run off of the screen without a lot of manual manipulation of scaleEffect and offset, but I could be missing something?
Developer Response ,
You might want to apply the `.resizable()` modifier to the generated View and it should do the resizing for you (similar to how SwiftUI Image's work). You are also welcome to contact us at [email protected] if that's not what you want!
Near perfect
What would make it perfect for me?
1/ Couldn't find a way to change the default text color for the SVG and SwiftUI output text, right now hard to see in dark red and grey in dark mode.
2/ I would prefer to see the output coordinates as fractions of overall box width and height, such that the path can be easily adapted without scaling
App Privacy
The developer, ZeeZide GmbH, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.
Data Not Collected
The developer does not collect any data from this app.
Privacy practices may vary, for example, based on the features you use or your age. Learn More
Information
- Seller
- ZeeZide GmbH
- Size
- 5.9 MB
- Category
- Developer Tools
- Compatibility
-
- Mac
- Requires macOS 11.0 or later.
- Languages
-
English
- Age Rating
- 4+
- Copyright
- © ZeeZide GmbH
- Price
- Free