{"id":816056,"date":"2024-04-16T09:00:00","date_gmt":"2024-04-16T16:00:00","guid":{"rendered":"https:\/\/community.wacom.com\/en-us\/?p=816056"},"modified":"2025-03-07T11:04:54","modified_gmt":"2025-03-07T19:04:54","slug":"illustrator-vs-affinity-designer","status":"publish","type":"post","link":"https:\/\/community.wacom.com\/en-us\/illustrator-vs-affinity-designer\/","title":{"rendered":"Adobe Illustrator vs. Affinity Designer for graphic design: A software comparison"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Virtually everyone who creates digital art is familiar with the Adobe Suite of software programs, and if you ask a graphic designer, most will tell you that Adobe Illustrator is the industry standard and their software application of choice. But Adobe isn't the <em>only<\/em> option out there. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A great alternative to the Adobe suite is the <a href=\"https:\/\/affinity.serif.com\/en-us\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Affinity\">Affinity<\/a> suite: <a href=\"https:\/\/affinity.serif.com\/en-us\/photo\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Affinity Photo\">Affinity Photo<\/a> for photo editing, <a href=\"https:\/\/affinity.serif.com\/en-us\/designer\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Affinity Designer\">Affinity Designer<\/a> for graphic design, and <a href=\"https:\/\/affinity.serif.com\/en-us\/publisher\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Affinity Publisher\">Affinity Publisher<\/a> for print design and document layouts. Want to give them a try? Every purchase of a <a href=\"https:\/\/community.wacom.com\/en-us\/wacom-one-pen-display-and-tablet\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Wacom One pen display or tablet\">Wacom One pen display or tablet<\/a> comes with a free three-month trial of the Affinity suite so that you can give it a try.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You may have seen the recent news that <a href=\"https:\/\/www.canva.com\/newsroom\/news\/affinity\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Canva purchased Affinity\">Canva purchased Affinity<\/a>. While exactly what this will mean in the long term is unclear, there's definitely the possibility that the combined forces of Canva and Affinity will result in even more resources and innovation going into the software. <a href=\"https:\/\/affinity.serif.com\/en-us\/press\/newsroom\/affinity-and-canva-pledge\/\" target=\"_blank\" rel=\"noreferrer noopener\">One important promise they've made<\/a>, however: they say that Affinity will always offer perpetual, one-time licenses to purchase the software, as an alternative to the subscription model Adobe and some other software companies use.<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">If you're a graphic designer curious about how Affinity Designer compares to Adobe Illustrator, <a href=\"https:\/\/www.instagram.com\/studio_viv\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vivienne Le<\/a> has you covered. She's a graphic designer currently based in Germany, and tried designing a book cover using her Wacom One tablet in both software applications to compare and contrast them. Check out the video she created below, or read on for a transcript.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Adobe Illustrator vs. Affinity Designer for Graphic Design with a Wacom Tablet\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/YIwLLgrkrcE?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It almost feels tired to say Adobe Illustrator has long been the industry standard for vector graphic design, but with <a href=\"https:\/\/www.canva.com\/newsroom\/news\/affinity\/\" target=\"_blank\" rel=\"noreferrer noopener\">recent news<\/a> of the online design platform Canva acquiring Affinity, I think Adobe has got some serious competition. Nearly 30 years old now, it\u2019s worth reviewing how Adobe Illustrator holds up to its best competitor, Affinity Designer, in 2024.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hi, my name is Viv and I\u2019m a graphic designer based in Berlin. I\u2019ll be exploring the design process of making a book cover with both Adobe Illustrator and Affinity Designer to compare the strengths and capabilities of each when paired with the Wacom One tablet. I made two abstract book cover designs to test the same tools on both programs, and I\u2019ll be walking you through the process of turning my paper designs into vector graphics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The book cover I\u2019m designing is inspired by my friends in Vietnam who published the first collection of Vietnamese queer and sexuality slang with English definitions and many wonderful illustrations. For my sketches, I was inspired by children\u2019s dictionary picture books and included some cute objects, shapes and some abstract paint blobs on top of a grid to convey the idea of breaking out of the mold.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My setup has my MacBook Pro connected to a monitor and the drawing tablet in front. Right now, I use the Wacom One M tablet as compared to an iPad or one of Wacom\u2019s other tablets with a display, because I already do all my other work on my laptop, and this way it\u2019s so much easier to keep all my files in one place. I\u2019ll be using a combination of mouse work and the tablet to draw the vector graphics.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"540\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-v-Adobe-Feature-Image-1080x540.jpg\" alt=\"Viv Le Affinity v Adobe Feature\" class=\"wp-image-816058\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-v-Adobe-Feature-Image-980x490.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-v-Adobe-Feature-Image-480x240.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Designing with Adobe Illustrator<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I began with Adobe Illustrator first. It\u2019s just the one that everyone uses, so the UI is familiar to me. At the brainstorming stage, I am honestly a paper-and-pencil kind of girl, so I\u2019m just gonna drop my sketch into here and work on top of it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The basics<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">My Wacom One tablet works right out of the box without messing with any of the settings, and it\u2019s so easy to pair to my laptop with Bluetooth and select the basic Brush Tool to draw simple vector paths tracing over my sketch. I mainly do minimalistic, abstract designs and don\u2019t use all of Illustrator\u2019s tools very often, but you can create way more complex shapes and illustrations with tools like Shape Builder and Blob Brush.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Working with stroke and fill gradients is as easy as clicking and dragging over the object to create the direction of the gradient how I want. I\u2019m just using the preset swatches here and going for maximal color pop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image tracing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">One tool that\u2019s crucial to my workflow is called Image Tracing, and that\u2019s exclusive to Adobe Illustrator. I\u2019m not using it now, but I would say 80% of the time when I open Illustrator for work it\u2019s because I\u2019m using Image Tracing to turn bitmap or pixel-based images into vector paths, especially when I receive designs like stickers or illustrations from other people that weren\u2019t made with vector graphic software, and I have to get them ready for print.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Illustrator also has way more features that are text-based, so if you work heavily with typography and need to edit not just the font but also mess with kerning and distortions, than this would be the match point. Here I just decided to use the Google Font \u201cBe Vietnam,\u201d since it\u2019s pretty cute and one of the few typefaces with dedicated Vietnamese letterforms and adaptive diacritics (which are the accent marks above or below the letters), and is engineered for their readability. Illustrator is also integrated with Adobe Fonts, which is a massive library of some of the best fonts out there, and you can test them out in your project first before you decide to buy it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Performance<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019m on a 2020 MacBook Pro, and Illustrator\u2019s performance speed is pretty solid, though I usually have to mess around with settings each software update because it can get laggy dealing with complex files.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The new 2020-era updates attempt to make the entire program more beginner and user friendly. There\u2019s a new AI popup bar that suggests contextual tools that adapt based on the selected object or tool, but it just always just kind of gets in my way. I would move it all the time and I'm due to reorganize my workspace, but also I just want Illustrator to work out of the box.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compatibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">However, the synergy between InDesign, Photoshop, and Illustrator is crucial for me, and working in the Adobe ecosystem and being able to export in .AI files is crucial, as that\u2019s the industry standard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s the finished design made with Adobe Illustrator:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"456\" height=\"600\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Illustrator-Design-Cover-456x600.jpg\" alt=\"Viv-Le-Illustrator-Design-Cover\" class=\"wp-image-816059\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Affinity Designer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now to Affinity Designer. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout, performance, and Wacom compatibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Right off the bat, I already appreciate the streamlined UI and the fact that it\u2019s buttery smooth. It\u2019s got all the main tools I use like Pen and Brush, and because it just feels lighter, I can actually see myself using the Pencil Tool to sketch if I wanted to do something quick while staying on my computer. It\u2019s so easy to move objects around and I like that all the menus stick to the edges, so I can focus on the work and not on the settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My Wacom tablet also works out of the box without having to mess with any settings, but drawing just feels so much smoother. My entire workflow feels a lot easier, and I\u2019m not constantly arranging so many open menus. Zooming in and out is seamless as I cleanup my vector paths, as you can see a lot of them didn\u2019t close completely.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colors, gradients, and menus<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The gradient tool is pretty much the same as Illustrator\u2019s, although I think Illustrator had nicer default color swatches. All the options are up here and are easy to understand if you hover over them, and you can even add noise to the gradient colors. Of course you can pretty much do anything in Illustrator that you can do in Affinity, but here the workflow and navigation feels more modern and intuitive. For example, Affinity uses sliders to control sizing and zooms, whereas Illustrator relies on its mainstay of drop-down numerical boxes, Affinity Designer\u2019s sliders are a more intuitive way to determine sizing, whether you\u2019re determining the appropriate stroke width or layer transparency.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you haven\u2019t used a vector graphics program before, or if you\u2019re migrating from Illustrator like me, then tools are more or less in the same place. Except Affinity feels like a product designer removed every tool I don\u2019t use, and kept everything I do use, then displayed it all more clearly and made everything faster. One drawback: Affinity doesn\u2019t have a dedicated Image Tracing tool.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compatibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The file extension Affinity Designer uses is .afdesign, so to collaborate you would either share it with someone who uses Affinity, export it to another format like PNG, JPG, SVG, PDF, and I think the .PSD photoshop file too. But the risk in exporting to other formats is always that elements may be lost in translation, so that exported .AI files from Affinity Designer may arrive at the printer with missing or altered layers, making proofs even more important than normal. But it does import any Adobe extension file, so while it may not have the same level of integration and industry ubiquity as Illustrator within the Adobe ecosystem, there are easy workarounds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s the finished design I made with Affinity Designer:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"424\" height=\"600\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-Designer-Design-Cover-424x600.jpg\" alt=\"Chi Ban Lon - Design with Affinity Designer\" class=\"wp-image-816060\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And here are the final versions, put into book mockups:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-Designer-Mockup.jpg\" alt=\"Affinity Designer book cover mockup\" class=\"wp-image-816061\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-Designer-Mockup.jpg 1024w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-Designer-Mockup-980x550.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Affinity-Designer-Mockup-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Illustrator-Design-Mockup.jpg\" alt=\"Adobe Illustrator book cover mockup \" class=\"wp-image-816062\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Illustrator-Design-Mockup.jpg 1024w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Illustrator-Design-Mockup-980x614.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/04\/Viv-Le-Illustrator-Design-Mockup-480x301.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As you can see, the design process for both were \u2026 pretty much the same. Although Illustrator may have an edge in certain features, I just enjoy using Affinity Designer so much more when it boils down to the basics of actually drawing with it. Compared with how streamlined Affinity is, Illustrator is really hardcore and only a small percentage of people actually use all of the features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the other hand, Affinity Designer is faster, cleaner, easier to use, and cheaper. I actually got a free, three-month trial of Affinity with my Wacom One tablet, but you can buy it once for only 50 dollars, and own it forever. With how quality the product is, I\u2019m pretty confident they\u2019ll continue to update the program with quality features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, will Affinity Designer actually replace Adobe Illustrator? Probably not. But there\u2019s really nothing you can do in Illustrator that you can't also work around in Affinity. And with Canva\u2019s recent acquisition of Affinity, I think they could really challenge Adobe\u2019s dominance over graphic design software in the coming years, especially in the AI space and for the 99 percent of people without design training.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The choice between the two ultimately depends on individual preferences, workflow requirements, and budget considerations. But if you\u2019re looking for an excellent, cheaper alternative to just simply draw vector graphics, then I would highly recommend Affinity Designer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Curious about how Affinity Designer compares to Adobe Illustrator? Graphic Designer Vivienne Le has you covered.  Here&#8217;s her comparison between the two software programs.<\/p>\n","protected":false},"author":80,"featured_media":816058,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2331,2551,2342],"tags":[135,1370,2467,2468,5499],"class_list":["post-816056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-learn-creative-education","category-wacom-one","tag-adobe","tag-adobe-illustrator","tag-affinity","tag-affinity-designer","tag-vivienne-le"],"_links":{"self":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/816056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/comments?post=816056"}],"version-history":[{"count":0,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/816056\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media\/816058"}],"wp:attachment":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media?parent=816056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/categories?post=816056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/tags?post=816056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}