小布工坊.
← Back to the library

Resource details · 图片与视频

Excalidraw：把想法画成简单示意图

用方框、箭头和文字画流程图、学习笔记或网页草图。

Resource text, examples and licences retain their original language. Code is displayed only; this page does not execute it or call AI.

Open interactive details →How to use it ↓Open the original project ↗

Resource details

适合想把一件事的步骤讲清楚、暂时不会专业设计软件的人。先在官方白板画一个三步流程，再导出图片；不需要接模型或写 React。

Before you start

Platforms
浏览器
Content updated
  • 准备能运行 JavaScript 的现代浏览器和一份不含隐私的测试材料；首次无需安装编程环境。
  • 先画三个方框和箭头；日常使用不需要安装 React 或组件开发包。

直接用官方编辑器，导出 PNG 便于分享，另存 .excalidraw 保留可编辑副本。

Common pitfalls

  • 普通网页编辑不能替代文件备份；离开页面前主动导出，并区分上游托管网站与自己部署的代码。
  • 分享或协作链接有不同可见范围；导入字体、图标库和图片时另核对其许可。本站未实机绘图测试。
Official setup guide ↗

Complete resource

【你能完成的小目标】画出“收集资料 → 整理要点 → 完成作业”三个方框，并用箭头连起来。

【开始前准备】用浏览器打开 https://excalidraw.com 。日常画图使用官方编辑器即可，不必执行 README 里供开发者嵌入组件的 npm 命令。

【第一次尝试】选择矩形，画三个框；添加简短文字，再选择箭头连接。完成后导出 PNG 便于分享，同时保存 .excalidraw 文件，方便下次继续编辑。

【遇到问题先看这里】浏览器中的自动保存不能替代自己的文件备份；清理网站数据或换设备后，本地草稿不一定还在。协作链接和分享图的可见范围要在发送前确认。导入他人图形库、字体或图片时，分别核对相应许可；主代码的 MIT 不等于每份外来素材都可随意再分发。

【来源与许可】Excalidraw 贡献者；LICENSE 版权署名：Excalidraw（2020）；固定提交 1d4dc2c0e6e476911d0760e9c3cf3694f2d43384，提交日期 2026-10-21。上游 MIT 许可允许商用、修改和再分发，无需为这些已授予的权利另行联系作者；复制或分发软件及其实质部分时，须保留版权声明和完整许可。不要以原作者名义为自己的修改背书。本次核对的仓库根目录没有独立 NOTICE 文件；不据此推定各依赖也没有声明义务。

【核验范围】2026-10-23 阅读官方仓库、固定提交的 README 和完整 LICENSE，核对上手入口；核对时仓库未归档。本站未安装实测这些工具，本条是原创中文导览，按 CC BY 4.0 分享，不附上游源码、安装包、图标、字体或示例素材。核验许可不等于完成安全审计，也不代表原作者为本站背书。依赖、素材、商标、云服务和应用商店有各自条款；将来分发具体文件时，仍需逐项核对。

How to use it

把一件小事画成三个步骤。先学方框、文字和箭头，就足够做第一张示意图。

  1. 画三个方框并写上步骤

    从上方的官方入口打开白板，使用矩形工具画三个框，再用文字工具分别写“收集资料”“整理要点”“完成作业”。普通画图不需要安装 React 组件。

  2. 按顺序连上箭头

    用箭头把第一个框连到第二个，再连到第三个。检查箭头方向、文字是否放得下，以及别人能否看懂下一步该做什么。

  3. 保存图片和可编辑副本

    导出一张 PNG 用于分享，再保存一份 .excalidraw 文件供下次编辑。重新打开保存的文件核对内容，不只依赖浏览器的自动草稿。

Expected output

一张包含三个清楚步骤和两根方向正确箭头的 PNG，以及能继续编辑的 .excalidraw 副本。

2026-10-23 已阅读官方入口、固定提交 README 和完整许可证，按资料编写这个练习；本站未安装、操作或实测上游工具，界面与导出结果请在自己的设备核对。

Suitable uses

  • 把任务步骤讲给别人
  • 画简单网页草图或学习流程

Before using it

  • 清理浏览器网站数据或换设备后，本地草稿不一定保留；重要内容要自己另存。
  • 协作和分享链接要核对可见范围；外部图片、字体与图形库的许可分别查看。

Authors and sources

Attribution
本站导览
Upstream author
Excalidraw 贡献者；LICENSE 版权署名：Excalidraw（2020）
Source revision
1d4dc2c0e6e476911d0760e9c3cf3694f2d43384
Licence checked
2026-10-23

Complete licence

CC BY 4.0

CC BY 4.0 · Read the complete licence ↗

Upstream licence · MIT

MIT License

Copyright (c) 2020 Excalidraw

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Read the complete licence ↗

Verification scope

资料与许可已核对

只核对项目资料和许可记录；未安装运行上游项目，也未进行安全审计。

2026-10-23