Jump to content

Search the Community

Showing results for tags 'SVG'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Affinity Support
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer
    • Report a Bug in Affinity Photo
    • Report a Bug in Affinity Publisher
    • (Pre 1.7) Affinity Range Bugs Forums
  • Beta Software Forums
    • Affinity Designer Beta Forums
    • Affinity Photo Beta Forums
    • Affinity Publisher Beta Forums

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL







Found 405 results

  1. Export of EPS files is not exporting with layers as organized and named on iPad and SVG export exports layers correctly but thickens strokes
  2. Hi. We work with SVG files, and I'd prefer not to know that the .afdesign file format even exists for a variety of reasons. For example, to save an edited SVG file, here are the steps I've found: Click on File. Click on Export. Click on Export again. Click on Save. Click on Yes to overwrite. Attempt to close the file. Click on No to avoid saving the afdesign format. Here are the keystrokes: Alt-F, E, Enter, Enter, Enter, Ctrl-W, N I'd typically expect: Ctrl-S, Ctrl-W Since these SVG files may be edited and deployed by other users using a variety of design tools, whatever extra information exists in the .afdesign format is irrelevant. Whenever I receive an SVG to edit, that extra information obviously won't be in the file. I may be missing something. How do I save an SVG as an SVG by default? Not export, save. Is there a setting somewhere? Many thanks, David.
  3. I sliced a vector to 23 equal pieces: When I export slices as png, it exports like this (which is I want) Slice9: When I export them as SVG, it exports like this Slice9: slice9.svg The svg file's size as same as the original one. I am using default "SVG digital- high quality" export setting. The only solution I found is to open svg files one by one and cropping them using vector crop tool. However there are 23 of them and I may need to change the original file and do all the steps again. (it is my 5th time in a month) Is there anything I can do? An export setting or something like that?
  4. Hi there! I created a grahpic with curves in Affinity Designer and want to export the graphic as a svg-file. The svg file should look like usual, for example with path tags and should be able to select with css. <path d="....> But what I always get is a svg file like that, with a whole bunch of characters after it. <defs><image id="_Image1" width="800px" height="200px" xlink:href="data:image/png;base64, ...... I do not know what I'm doing wrong. Could you please help me out? Aim is to export a "normal" svg file without png type or something. I am exporting svg with the "digital" setting, 72dpi. Thank you.
  5. I've recently created several vector only designs in Affinity Designer. When I go to export them as SVG instead of being vector svg files they are svgs that contain raster pngs embedded in them and hence don't scale properly. This is not what I want. 😢 Is there any way to tell affinity designer to export the vector design as only a vector svg not png embedded in svg? Are there features of the software that force the design to export embedded pngs, and if so is there a refence to which ones so they can be avoided and alternate methods employed? I've noticed specifically that outer shadow fx seems to trigger this, i'd really like to know which other features trigger this behavior so that i can make svg vector safe resizable designs. Anyone know a reference to this aspect of Affinity Designer? Many Thanks. ❤️
  6. Thanks! I have no idea what was changed, but the SVG's into PowerPoint crashed when you ungrouped/converted them. Now, it's working perfectly. This is really helpful team, I know we all cringe at PowerPoint but clients use it a lot and this little fix makes my work so much better (so much that I wanted to thank the Affinity team for fixing what ever MS was not getting right). I mean, PowerPoint has no meaningful drawing ability, so a custom shape in Designer can really make a huge difference in quality.
  7. Hi everyone, I'm just confused about exporting my file. I want to export my file as an SVG for others to edit but why when an SVG file is opened it becomes uneditable because it is an image. Whereas before it was in the form of a curve, can anyone help me?
  8. I was wondering if there's a way to do an SVG export but exclude any images from the export. I basically want an SVG that I can work with which has all of the outline information separately, and save the graphics portion of the drawing as a separate bitmap. I thought that selecting the "Nothing" option for the Rasterize menu option under the export menu might work, but it did not. I did some additional debug, and I found that by changing the zoom level of the bitmap patterns that I'm using, I can make the tool either include the image in the SVG export or exclude the image when the "Nothing" option is selected in the Rasterize menu option. Sounds like a bug?? Yet some additional debug data. If I select all items to export, I can then go into the export menu and select for the Area "Selection with background". If I then subsequently pick '"Selection without background", then the tool will not export the images. Can someone explain if my interpretation of how the "Nothing" option for Rasterize is correct? If so, it sounds like it's not working correctly for SVG export.
  9. I created an image in a business graphics package (OmniGraffle) and exported the image as an SVG. When I open the SVG in Affinity Designer (1.8.4; macOS 10.15.6) I find that the image loses some of its detail. In particular, Affinity Designer appears to lose all of the radial gradients in the image, and loses the "arrow heads" on the lines. I have attached the SVG document for your reference. If it's any consolation, this SVG does not render correctly in Adobe Illustrator (24.2.3), Vectornator (3.3.13 (460)), or Amadine (1.0.9 (85)), with differing failures. But it does render correctly in macOS Finder (QuickLook), Google Chrome, Apple Safari, and Mozilla Firefox Developer Edition. It will be great to know what's going wrong here. Cheers, S t u a r t . 20200810-autoWithdrawalAccumulation-periods.svg
  10. Hi! I have several hundred (~500) different SVG files, all square icons with designs on them. I'd like to arrange them all in one big document, with an equal amount of space between them, so that I can print it as a poster. Other than doing it manually and copying/pasting each icon into the "master" document, is there any way I can somehow script it or just open all the SVG files at once and tell Designer "Combine and arrange these"? Also, is it even possible for me to add that many nodes to one document without crashing my computer? I have a MacBook Pro (16-inch, 2019) 2.3 GHz 8-Core Intel Core i9 with 16GB RAM.
  11. Hi Using Gradients, or shadow effects dramatically increases the exported SVG file size. Do anyone have any tips/tricks for how to use gradients in a way that does not affect the file size? This is important for use on webdesign etc. By example, a file was 4kb, without gradient. Introducing 1 gradient and 1 shadow effect resulted in a 60kb SVG file. Anders
  12. Hi! I have a shape with several pieces that I want to cut out. I have followed the instructions I found here: https://graphicdesign.stackexchange.com/questions/119718/why-cant-subtract-complex-form-in-affinity-designer but it doesn't work. Somehow, I got it to work once with a different file but I'm not quite sure how, and now, I'm unable to reproduce that success with a new file. Is this a bug, or am I missing something? I want to cut out the red shape from the white background. When I cut it, it ends up looking like this, instead of the holes being cut out and showing the transparent background: What am I doing wrong? affinity-cutting-problem.afdesign
  13. I need to make a file that could be open by Adobe Illustrator, which contains every single layer, including hidden ones. No matter what I choose between the different types of SVG, Affinity Designer flattens the image into a single layer and discards everything that’s hidden ! I have no idea what I’m doing wrong, I really need help
  14. Hi, I had a very unpleasant problem: I draw parts of the face that will be automatically painted using code, but for this I need to save the files in svg and open in adobe illustrator, but the order of the layers changes completely, some become a group, new ones appear ... I need a layer called "color" to be colored, but for some reason it becomes a group. An example in the picture: I need the eyeball to be separate, as in the screenshot in affinity designer, the layer order and grouping are ideal, but everything changes when exporting and opening in the illustrator. I tried changing the settings, grouping, language, names, converting zhlipsy to curves, etc. but it does not work. I really hope that this is just my mistake and that you can fix it thank you in advance!
  15. Hi! Strange thing is happening when I open one of the svg files. AD shows completely different colors compared to Chrome/Mac preview. What am I doing wrong?.. Svg file: https://www.dropbox.com/s/alo2vtoxcqkk6sg/image_10_12.svg?dl=0 As it's rendered by Chrome Opened in AD:
  16. I created a graphic in Affinity Designer. I exported it as a SVG. I opened the SVG in Adobe Illustrator to be sure it can be worked on in Adobe. I united some paths w pathfinder, saved and closed the SVG. Next time I see the file, it's gone wonky. Happened at least 2 or 3 times. Why?
  17. Affinity Designer 1.8.3 See the attached SVG file. If i open it with other apps, e.g., Google Chrome, Inkscape, LightBurn, it opens correctly. See the attached screen captures from each of those apps and note the the path I indicate. When opened in Affinity Designer, the path indicated is incorrectly positioned as shown in the screen capture from it. I did a "select all" to highlight all of the elements of the drawing. Should be easily reproducible. GiftBox.svg
  18. When exporting svg files for web all the styles are inline per element, which unnecessarily increases file size and customization difficulty. In general it would be very useful to define style rules as an independent dataset. While working with the document changing a property of a style rule (class) would affect all elements assigned the respective class. Additionally, it would be extremely useful to add custom attributes to elements: data-custom-attr="whatever I want here" for web usage. Without these features supported, every modification to the svg file within Designer requires a lot of time-consuming manual correction post export.
  19. I've got this svg file I saved from https://designs.ai/graphicmaker/illustration/243-public-transport-bicycle (I attached my saved file) that, when I try to open it in Affinity I'll get a "The file type not supported" error, even though it shows up fine when loaded in a browser. I've used the png option to export from said website instead but now having the svg option would really help in a larger scale usage. Can someone look into this? bike illustration.svg
  20. I’m a fashion student so do a lot of my technical drawings on this app, however I’m having trouble exporting them. SVG is really the only file that when exported still gives me crisp clear lines but recently I’ve started having issues I’ve attached an example of one of my drawings vs what happens when it exports, ill export it as an svg (for export) and ill go into my files and it will look completely fine within a few minutes I go back to see if it’s all good and I’m left with either nothing or one small part of a drawing . I’d appreciate any help or advice on this issue I’m not sure if I’m doing something wrong or if there is something else I can export it as without compromising the quality? I’ve attached screenshots below.
  21. Good afternoon, all! I am sure this has been asked before so if anyone has a link that I cannot seem to locate, I would appreciate it. I am attempting to make simple designs in Designer for export as an SVG to then upload to Cricut Design Space. I have attached a file with a simple example. I am wondering what the steps would be to do a couple things: 1. Have overlapping parts of the layers be negative space in what is behind it. An example would be the text in the attached file. If I am cutting vinyl and want everything to be on the same plane, I need the words cut out of what is behind it so the words can fit inside of it. 2. When uploading the file into Cricut Design Space, instead of the outline of the circle I have created (3 of them), Design Space fills in the circles with the associated color. I want just the outline of the shape and not the fill. Any idea what I am doing wrong? I am using the file as an example of what I would try to do because I am assuming that whatever I do with any other sort of shape would lead to the same results. If I just want an outline of a given shape, why doesn't Cricut recognize it as it was drawn? Thanks for any help you can provide. even if it is a link or such pointing me to another resource. AnyTextOverShapes.afdesign
  22. I have created a simple design which I hope to use in mapbox as an icon. mapbox requires svg. I export my design to svg but when I load into mapbox, the fill colors are not there. the icon is "there" in my custom styles list but the colors do not appear at all. I have tried multiple different settings on the AD Export More options from the svg export tab (making sure to check Use hex colors, flatten, etc) , but they all have the same result when brought into mapbox. Mapbox has troubleshooting for Illustrator and other problems here - https://docs.mapbox.com/help/troubleshooting/studio-svg-upload-errors/#common-issues I cannot find the equivalent settings for what is suggested for Illustrator in Designer. I also tried to understand the svg file by changing the .svg to .txt and examining it in notepad. I checked the various tags against support / unsupported elements, and I cannot see any problems (admittedly I am not a web designer however) I can see the .svg in both firefox and chrome. Thank you for any help. Windows 10, AD 1.8.2 training.afdesign training_7_unchecksetviewbox.svg
  23. Hi You all! Trying to export my design as an SVG to be able to cut it with my waterjet. 😀 Tried all kinds of different settings and export options without luck. 😐 What I'm looking for is a step by step guide to prepare my files into the right format and or some checker functions which detects errors and so on up front. Attached is one of the files I'm trying to export. Or is the conclusion in the end that I would be better of with an expensive piece of software ? I was just starting to like Affinity! Any help appreciated thankyou Henk Langenberg Bordje.svg
  24. Aloha, I 've notice when I insert a hyperlink Text>Interactive>hyperlink onto my picture(s) all is well 😀. However, when I file>export as an SVG file, all hyperlink(s) are gone. Yes I realize PDF file will contain hyperlinks, SVG file can be used as images and contain hyperlink (<svg></svg>. This missing feature is a MUST for web designer, UI designer because the advantage of SVG file over jpeg, png, pdf, etc are treminduse. I can upload an SVG file as an image file to my website. Works well for responsive websites and for creating beautiful looking website menus (hyperlinks). Now, I am stuck importing my SVG doc files into INKSCAPE, were I can insert a link. Finally, I export/save my SVG file in INKSCAPE and upload to my website. Now I have a beautiful picture/photo with object layers with hyperlinks used for my website minues. Tested this by created and exporting a SVG doc and uploaded/open-with Google Chrome. Hyperlink(s) are missing in Google Chrome, Firefox! Not sure if I am using Affinity Publisher correctly or should use Affinity Design or photo? I have all three of your products. Love them to death! Great Products. Just think, if all your products could do this, all web designers will purchase your products with the capabilities up uploading images (SVG) to website layouts... Mahalo, Douglas Hawaii, the Big Island AITMinu2buttons.svg
  25. So I want to make pixel art and I see the pixel persona being used for that but I don't want it to be raster I'd like to export my pixel art as an SVG (with no raster) so I was wondering if that was possible with something made in pixel persona. If not is there some sort of pixel tool for the normal designer persona? All I saw there was the rectangle tool and that'd be a pain to use for pixel art.
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.