Alternatives to Adobe Illustrator logo

Alternatives to Adobe Illustrator

Adobe InDesign, Inkscape, Adobe Photoshop, Sketch, and Zeplin are the most popular alternatives and competitors to Adobe Illustrator.
487
295
+ 1
0

What is Adobe Illustrator and what are its top alternatives?

The industry-standard vector graphics app lets you create logos, icons, sketches, typography, and complex illustrations for print, web, interactive, video, and mobile.
Adobe Illustrator is a tool in the Graphic Design category of a tech stack.

Adobe Illustrator alternatives & related posts

Adobe InDesign logo

Adobe InDesign

73
40
0
73
40
+ 1
0
The next step in layouts design
    Be the first to leave a pro
    Adobe InDesign logo
    Adobe InDesign
    VS
    Adobe Illustrator logo
    Adobe Illustrator
    Inkscape logo

    Inkscape

    29
    15
    0
    29
    15
    + 1
    0
    An open source vector graphics editor
      Be the first to leave a pro
      Inkscape logo
      Inkscape
      VS
      Adobe Illustrator logo
      Adobe Illustrator
      Adobe Photoshop logo

      Adobe Photoshop

      765
      485
      42
      765
      485
      + 1
      42
      The industry standard in design, photography, video editing & more
      Adobe Photoshop logo
      Adobe Photoshop
      VS
      Adobe Illustrator logo
      Adobe Illustrator

      related Sketch posts

      Priit Kaasik
      Priit Kaasik
      Engineering Lead at Katana MRP · | 7 upvotes · 64K views
      atKatana MRPKatana MRP
      Confluence
      Confluence
      Bitbucket
      Bitbucket
      GitHub
      GitHub
      Jira
      Jira
      Microsoft Office 365
      Microsoft Office 365
      Slack
      Slack
      InVision
      InVision
      Sketch
      Sketch

      How we ended up choosing Confluence as our internal web / wiki / documentation platform at Katana.

      It happened because we chose Bitbucket over GitHub . We had Katana's first hackaton to assemble and test product engineering platform. It turned out that at that time you could have Bitbucket's private repositories and a team of five people for free - Done!

      This decision led us to using Bitbucket pipelines for CI, Jira for Kanban, and finally, Confluence. We also use Microsoft Office 365 and started with using OneNote, but SharePoint is still a nightmare product to use to collaborate, so OneNote had to go.

      Now, when thinking of the key value of Confluence to Katana then it is Product Requirements Management. We use Page Properties macros, integrations (with Slack , InVision, Sketch etc.) to manage Product Roadmap, flash out Epic and User Stories.

      We ended up with using Confluence because it is the best fit for our current engineering ecosystem.

      See more
      Zeplin logo

      Zeplin

      490
      207
      4
      490
      207
      + 1
      4
      Collaboration app for UI designers and frontend developers
      Zeplin logo
      Zeplin
      VS
      Adobe Illustrator logo
      Adobe Illustrator

      related Zeplin posts

      Adam Neary
      Adam Neary
      Engineer at Airbnb · | 8 upvotes · 349.3K views
      atAirbnbAirbnb
      React Storybook
      React Storybook
      Zeplin
      Zeplin
      Figma
      Figma
      Apollo
      Apollo
      #ReactDesignStack
      #StorybookStack
      #StorybookDesignStack

      The tool we use for editing UI is React Storybook. It is the perfect place to make sure your work aligns with designs to the pixel across breakpoints. You get fast hot module reloading and a couple checkboxes to enable/disable browser features like Flexbox.

      The only tricks I apply to Storybook are loading the stories with the mock data we’ve extracted from the API. If your mock data really covers all the various various possible states for your UI, you are good to go. Beyond that, if you have alternative states you want to account for, perhaps loading or error states, you can add them in manually.

      This is the crux of the matter for Storybook. This file is entirely generated from Yeoman (discussed below), and it delivers the examples from the Alps Journey by default. getSectionsFromJourney() just filters the sections.

      One other hack you’ll notice is that I added a pair of divs to bookend my component vertically, since Storybook renders with whitespace around the component. That is fine for buttons or UI with borders, but it’s hard to tell precisely where your component starts and ends, so I hacked them in there.

      Since we are talking about how all these fabulous tools work so well together to help you be productive, can I just say what a delight it is to work on UI with Zeplin or Figma side by side with Storybook. Digging into UI in this abstract way takes all the chaos of this madcap world away one breakpoint at a time, and in that quiet realm, you are good down to the pixel every time.

      To supply Storybook and our unit tests with realistic mock data, we want to extract the mock data directly from our Shared Development Environment. As with codegen, even a small change in a query fragment should also trigger many small changes in mock data. And here, similarly, the hard part is tackled entirely by Apollo CLI, and you can stitch it together with your own code in no time.

      Coming back to Zeplin and Figma briefly, they're both built to allow engineers to extract content directly to facilitate product development.

      Extracting the copy for an entire paragraph is as simple as selecting the content in Zeplin and clicking the “copy” icon in the Content section of the sidebar. In the case of Zeplin, images can be extracted by selecting and clicking the “download” icon in the Assets section of the sidebar.

      ReactDesignStack #StorybookStack #StorybookDesignStack
      See more

      related Figma posts

      Adam Neary
      Adam Neary
      Engineer at Airbnb · | 8 upvotes · 349.3K views
      atAirbnbAirbnb
      React Storybook
      React Storybook
      Zeplin
      Zeplin
      Figma
      Figma
      Apollo
      Apollo
      #ReactDesignStack
      #StorybookStack
      #StorybookDesignStack

      The tool we use for editing UI is React Storybook. It is the perfect place to make sure your work aligns with designs to the pixel across breakpoints. You get fast hot module reloading and a couple checkboxes to enable/disable browser features like Flexbox.

      The only tricks I apply to Storybook are loading the stories with the mock data we’ve extracted from the API. If your mock data really covers all the various various possible states for your UI, you are good to go. Beyond that, if you have alternative states you want to account for, perhaps loading or error states, you can add them in manually.

      This is the crux of the matter for Storybook. This file is entirely generated from Yeoman (discussed below), and it delivers the examples from the Alps Journey by default. getSectionsFromJourney() just filters the sections.

      One other hack you’ll notice is that I added a pair of divs to bookend my component vertically, since Storybook renders with whitespace around the component. That is fine for buttons or UI with borders, but it’s hard to tell precisely where your component starts and ends, so I hacked them in there.

      Since we are talking about how all these fabulous tools work so well together to help you be productive, can I just say what a delight it is to work on UI with Zeplin or Figma side by side with Storybook. Digging into UI in this abstract way takes all the chaos of this madcap world away one breakpoint at a time, and in that quiet realm, you are good down to the pixel every time.

      To supply Storybook and our unit tests with realistic mock data, we want to extract the mock data directly from our Shared Development Environment. As with codegen, even a small change in a query fragment should also trigger many small changes in mock data. And here, similarly, the hard part is tackled entirely by Apollo CLI, and you can stitch it together with your own code in no time.

      Coming back to Zeplin and Figma briefly, they're both built to allow engineers to extract content directly to facilitate product development.

      Extracting the copy for an entire paragraph is as simple as selecting the content in Zeplin and clicking the “copy” icon in the Content section of the sidebar. In the case of Zeplin, images can be extracted by selecting and clicking the “download” icon in the Assets section of the sidebar.

      ReactDesignStack #StorybookStack #StorybookDesignStack
      See more
      Adobe XD logo

      Adobe XD

      242
      121
      6
      242
      121
      + 1
      6
      UX/UI design and collaboration tool
      Adobe XD logo
      Adobe XD
      VS
      Adobe Illustrator logo
      Adobe Illustrator
      Affinity Designer logo

      Affinity Designer

      39
      25
      4
      39
      25
      + 1
      4
      A vector graphics editor developed for macOS, iOS, and Microsoft Windows
      Affinity Designer logo
      Affinity Designer
      VS
      Adobe Illustrator logo
      Adobe Illustrator
      Adobe Lightroom logo

      Adobe Lightroom

      30
      16
      0
      30
      16
      + 1
      0
      Image organization and image manipulation software
        Be the first to leave a pro
        Adobe Lightroom logo
        Adobe Lightroom
        VS
        Adobe Illustrator logo
        Adobe Illustrator
        Affinity Photo logo

        Affinity Photo

        23
        13
        4
        23
        13
        + 1
        4
        A raster graphics editor for macOS, iOS and Windows
        Affinity Photo logo
        Affinity Photo
        VS
        Adobe Illustrator logo
        Adobe Illustrator
        Blender logo

        Blender

        22
        14
        0
        22
        14
        + 1
        0
        Open Source 3D computer graphics software
          Be the first to leave a pro
          Blender logo
          Blender
          VS
          Adobe Illustrator logo
          Adobe Illustrator
          Pixelmator logo

          Pixelmator

          7
          4
          0
          7
          4
          + 1
          0
          Professional image editing tools that anyone can use
            Be the first to leave a pro
            Pixelmator logo
            Pixelmator
            VS
            Adobe Illustrator logo
            Adobe Illustrator
            ProtoPie logo

            ProtoPie

            6
            4
            0
            6
            4
            + 1
            0
            Interactive prototyping tool for all digital products
              Be the first to leave a pro
              ProtoPie logo
              ProtoPie
              VS
              Adobe Illustrator logo
              Adobe Illustrator
              Overflow.io logo

              Overflow.io

              5
              4
              0
              5
              4
              + 1
              0
              User flows done right
                Be the first to leave a pro
                Overflow.io logo
                Overflow.io
                VS
                Adobe Illustrator logo
                Adobe Illustrator
                Sympli logo

                Sympli

                5
                3
                0
                5
                3
                + 1
                0
                Design version control, handoff and workflow tool
                  Be the first to leave a pro
                  Sympli logo
                  Sympli
                  VS
                  Adobe Illustrator logo
                  Adobe Illustrator
                  PaintCode logo

                  PaintCode

                  5
                  3
                  0
                  5
                  3
                  + 1
                  0
                  Vector drawing app that generates Objective-C or Swift code in real time
                    Be the first to leave a pro
                    PaintCode logo
                    PaintCode
                    VS
                    Adobe Illustrator logo
                    Adobe Illustrator
                    Dynamo logo

                    Dynamo

                    4
                    4
                    0
                    4
                    4
                    + 1
                    0
                    An open source visual programming platform for designers
                      Be the first to leave a pro
                      Dynamo logo
                      Dynamo
                      VS
                      Adobe Illustrator logo
                      Adobe Illustrator
                      PixelSnap logo

                      PixelSnap

                      3
                      6
                      0
                      3
                      6
                      + 1
                      0
                      The fastest way to measure everything on screen
                        Be the first to leave a pro
                        PixelSnap logo
                        PixelSnap
                        VS
                        Adobe Illustrator logo
                        Adobe Illustrator
                        Frontify logo

                        Frontify

                        2
                        0
                        0
                        2
                        0
                        + 1
                        0
                        Collaboration for Web Designers & Front-End Developers
                          Be the first to leave a pro
                          Frontify logo
                          Frontify
                          VS
                          Adobe Illustrator logo
                          Adobe Illustrator
                          Readymag logo

                          Readymag

                          2
                          1
                          0
                          2
                          1
                          + 1
                          0
                          Build design tools to create beautiful websites, presentations and magazines.
                            Be the first to leave a pro
                            Readymag logo
                            Readymag
                            VS
                            Adobe Illustrator logo
                            Adobe Illustrator