Excalidraw – für Diagramme und Grafiken, die aussehen, wie von Hand gemalt

Excalidraw ist ein Open Source Tool zum Erstellen von Grafiken, die aussehen, wie selbst gezeichnet. Für Tech-Blogger, Entwicklerinnen, Marketer und Technische Redakteurinnen eine Offenbarung – für alle anderen, die eine handgemalte Ästhetik schätzen, auch.


Anzeige

Excalidraw wurde von einem französischen Frontend-Entwickler, der unter dem Namen Vieux bloggt und twittert und auch an der Entwicklung von React Native und Prettier beteiligt war, entwickelt. Vieux hatte seine Blogposts bisher mithilfe eines Tools namens Zwibbler mit Grafiken und Zeichnungen in handgemalter Ästhetik illustriert. Der Entwickler und Blogger hatte das Tool nach eigenen Angaben bereits seit etwa zehn Jahren in Verwendung und wunderte sich, warum es in seinem Umfeld niemand sonst zu nutzen schien. Nachdem Zwibbler jedoch einige für ihn wichtige Features aus seinem Funktionsumfang entfernte, entschied er sich Anfang 2020 kurzerhand, ein eigenes Tool zu bauen. Die Idee zu Excalidraw kam also nicht aus von ungefähr – es gab bereits ein Tool mit einem ähnlichen Funktionsumfang und einer sehr ähnlichen Ästhetik. Weil Vieux Zwibbler selbst schätzte und häufig nutzte, konnte er sich ausrechnen, dass Excalidraw mit ausreichend Publicity ein Erfolg werden könnte.

Nix mehr verpassen: Die t3n Newsletter zu deinen Lieblingsthemen! Jetzt anmelden

Für ordentlich Buzz nutzte er seine Reichweite auf Twitter. Innerhalb kürzester Zeit explodierte das Projekt – nach nur zwei Wochen hatte es 12.000 aktive Nutzer, 1.500 Stars und 26 daran beteiligte Entwickler und Entwicklerinnen auf GitHub.

Anzeige Die Tech-Facts dahinter

Entwickelt wurde die Web-App mit React, Rough.js, TypeScript, Zeit Now und CodeSandBox. Wer sich den Code genauer anschauen will, kann über die CodeSandBox direkt in den Code eintauchen und dort experimentieren. Wer einen Bug findet oder neue Features vorschlagen will, kann direkt von der CodeSandBox aus einen Pull-Request stellen, bei größeren Änderungswünschen oder Neuerungen solltet ihr eure Vorschläge allerdings vorher zur Diskussion stellen.

Limitierter Funktionsumfang

Der Funktionsumfang des Tools ist limitiert, mit einigen geometrischen Formen, Schriften, verschiedenen Farben und Pfeilen lassen sich gerade abstrakte Konzepte aber überraschend gut darstellen – eben so, als würde man sie händisch zeichnen.

Mit Excalidraw erstelltes Schaubild (Bild: David Khourshid)


Wohl gerade wegen des limitierten Funktionsumfangs, der Möglichkeit zum kollaborativen Arbeiten und der minimalistischen Oberfläche könnte Excalidraw zu einem Liebling im Kreativ-Werkzeugkasten werden. Ausprobieren und wahrscheinlich lieben lernen könnt ihr das Tool über diesen Link.

 

https://samplecic.ch/excalidraw-fur-diagramme-und-grafiken-die-aussehen-wie-von-hand-gemalt.html

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

App-Entwicklung: Nein, ihr braucht wahrscheinlich keine künstliche Intelligenz

Изображение
Viel hilft viel? Nein, jedenfalls nicht in der App-Entwicklung. Denn Software muss nicht immer aufwendig sein, um eine gute User-Experience zu bieten. Anzeige KI und Machine Learning sind zwei omnipräsente Buzzwords. An vielen Stellen sucht man nach mehr oder weniger sinnvollen Einsatzmöglichkeiten oder spricht zumindest davon, wo überall Potenziale schlummern. Doch wie notwendig ist künstliche Intelligenz, wenn es um eine gute User-Experience bei Apps geht, wirklich? Nix mehr verpassen: Die t3n Newsletter zu deinen Lieblingsthemen! Jetzt anmelden Anzeige Wie funktionieren Apps eigentlich? Um diese Frage zu beantworten, ist der Blick hinter die Fassade des Frontends, also der Benutzeroberfläche, hilfreich. Apps sind eigentlich Daten-Sammelmaschinen, die eine Datenbank befüllen – mehr aber auch nicht: Jeder Klick und jede Eingabe ist ein bestimmter Befehl, der, ganz egal, ob es sich um ein Handy-Spiel oder eine App zum Sprachenlernen handelt, im Hintergrund in einen Datensatz verwande
Далее...

Enterprise App Design: Does iOS Fare with Android in terms of Security?

Изображение
More enterprises are investing in mobile applications on platforms preferably iOS. The 2016 enterprise mobile apps report brought out by Adobe reinforces the growing need for enterprises to invest in mobile apps. With Apple constituting a major share of the world smartphone market, iOS tend to be the most preferred platform in enterprise app development. Fig 1. Apple iPhone global sales from 2007 to 2018, Source – Statista As illustrated in the above-mentioned graph, Apple’s global iPhone sales continue to skyrocket behind leading mobile communications conglomerates. The continued popularity and dependability of Apple’s lineup of smartphones have made it the preferred choice for enterprises in ensuring business productivity. iOS as a mobile platform has always been on the forefront in terms of robustness and security. But the thing is, there are stronger competitors in the current market competing directly with iOS. Google-owned Android have fared remarkably well in the mobile market l
Далее...

How Self-Service Technology Can Boost Startup Growth

Изображение
For every startup business, the need to give customers the best customer service experience is the key priority. Customers are kings, and they determine business growth. Your company growth will largely depend on how you treat them. Here is how self-service technology can boost startup growth. Some startups are already making it big with self-service technology. A lot of businesses now make use of technology to boost their profit margin, while also satisfying their customers. But what is the meaning of Self-Service Technology? Service technology is software that assists customer service teams in achieving customer success. These tools improve workflow efficiency and make it easier for companies to provide practical solutions to their customers. Adopting service technology helps companies manage the increasing demand for outstanding customer service. With a full understanding of the meaning of Self-Service Technology, you can now learn how to employ this technique to boost your brand gr
Далее...