presentation
presentation
All postsexcalidraw Open Excalidraw

Year two of Excalidraw

January 03, 2022, by Excalidraw Team

It’s been another great year for Excalidraw, the virtual whiteboard for sketching hand-drawn like diagrams. Let’s review what happened since the last time.

The importance of remote working and collaboration has not been diminished, and more and more people are reaching for tools such as Excalidraw. We’ve seen the usage go from 60K monthly active to 170K monthly active users!

Excalidraw monthly active users

But it’s not just the times. We are hearing far and wide how much you love Excalidraw. Thank you!

Excalidraw+

Probably the most commonly requested feature from people using Excalidraw was to be able to manage all their drawings and teams.

Excalidraw Plus was released in May 2021 to address this. But another motive was to make Excalidraw sustainable and increase its funding.

We’re succeeding on both fronts. Excalidraw+ has been adopted by many companies, big and small, as well as you lot 😉, and we are now able to invest back into the editor. In October, Aakansha, a long-time Excalidraw maintainer, officially joined our ranks, and is currently devoting her time making the editor even better. ❤️

We will be releasing a roadmap for Excalidraw+ soon, but in the near future we will be finishing the much requested yearly billing, improve workflows, and reduce friction from the initial load of the app to switching between drawings. We will support sharing libraries between team members, and managing these libraries. And we will finally introduce versioning.

If you want to help build something great, don’t hesitate to reach us, or simply start contributing to Excalidraw.

Excalidraw

As part of our review, let’s celebrate and look back on some of the contributions of the past year.

The editor

We’re continuing to improve the core editor experience. While adding new features is part of this process, we’re also working on enhancing existing features, fixing new bugs, and ensuring the UI stays simple to use.

Two of the most heavily requested features were added towards the end of the year.

David introduced image support, so you can embed images and svgs into your drawings.

Need to create sticky notes? Aakansha added support for binding text to a container. No more manual resizing, positioning, or adding line breaks so the text fits into your containers!

The original freedraw tool was great, but as it was only an extension of the line tool, and it was often creating rough shapes with too many points, we thought it could use a boost. At the time, Steve Ruiz was finishing up his library perfect-freedraw, so we asked him to integrate it to Excalidraw. 🙏

At the onset of the year, Aakansha has added a view mode, useful in presentations or when you just want to view your drawings without editing them. It’s complementing our existing zen mode, which we’re continually improving as well.

Riley Schnee imlemented for object flipping.

Creating new shapes should be easy and fun, but sometimes you need a bit more control. One example is the the line/arrow editor where you can modify or add new points (double-click on a line or select it and hit Enter). Recently, we’ve added support for selecting multiple points at once, and more is yet to come.

Keeping things simple

This is an ongoing process, and while one of Excalidraw’s principles is simplicity, there will always be ways in which can communicate features better, or improve the design.

We’ve added toast messages to notify of activity or interactions that aren’t inherently visible, such as when using shortcuts to do things like exporting an image to your clipboard.

The export dialog has been redesigned, but more work will be done to ensure you know what to click on, and which action does what.

Recently we’ve introduced a common brand color, made small tweaks to the toolbar as well as several button states to clarify which ones are selected. Accessibility is not the only objective, we also want the editor to look nice, and we will continue working on this going forward.

Library improvements

While it’s easy to make beautiful drawings in Excalidraw, often nothing beats a well crafted work that you can readily drop onto your canvas. Libraries are here to stay and we’re working on making them even more awesome.

First, the library menu itself got better. Arun made it easy to clear your entire library, and we later introduced a way to select specific items so you can delete, or export them individually.

Installing was improved as well, as Aakansha did some digging and found out we can reuse the editor’s browser tab when installing libraries.

And Arun made sure the library page supports dark theme same as Excalidraw does.

Many more goodies are coming next year, but the above made installing already a pleasant experience.

Everyone loves using libraries, but many of you also love creating and sharing your own (thank you!). The not so fun part is publishing and the busywork around it. That’s why we’ve been focusing on smoothing out this part of the experience.

Towards the end of year, Aakansha and David have put a lot of work into streamlining the publishing experience so that you don’t have to manually create GitHub pull requests. We’ve also started requiring the authors to name individual library items — this will help everyone when searching for specific items they need, support for which will be added in early 2022.

Collaboration

Live-collaborating with people has been an important pillar right from the start and it remains so.

Thomas Steiner introduced idle detection so you know which collaborators aren’t active, or who’s not looking at the canvas at all (their browser tab isn’t focused).

We’ve upgraded the collaboration server for smoother experience, and fixed some annoying bugs like layers syncing issues.

More love will be shown to collaboration support this year!

Excalidraw for Cisco Webex

We’ve started to integrate Excalidraw into other great platforms, and first one we’ve partnered with is Cisco Webex. This allows you to collaborate with people on Excalidraw drawings right within your Cisco meetings!

Read more in our previous blog post.

npm improvements

Excalidraw isn’t just about https://excalidraw.com, or the Excalidraw+ app. We want to empower teams (and individuals) to create great and novel experiences on top of the Excalidraw editor. For this purpose, Excalidraw is not only open-source and licensed under MIT, but also available as an npm package.

Since last year, we’ve begun to publish each commit deployed to the production branch so you don’t have to wait for a new stable release. You can check out the package at @excalidraw/excalidraw-next.

There have been multiple improvements to the Excalidraw React component. Probably the biggest was Aakansha’s adding support for multiple Excalidraw components on the same page, and rendering inside scrollable containers.

Among many other changes, we’ve started exporting TypeScript definitions, allowed you to change the static assets path, while Arun added support customizing canvas actions, and David made it easier for third party apps to install libraries.

What’s next

While the last year was big, let’s make 2022 bigger still.

Tell us your wishes, complaints, or better yet, come help us make Excalidraw even better! 🚀

Thank you for a great year, and here’s to the next one!

Excalidraw Team

Discuss on Twitter • Edit on GitHub