🌟好看又好用的画图工具分享

excalidraw

excalidraw.com/ Excalidraw 是一个开源的虚拟白板绘图工具,以其手绘风格的图形和简洁直观的界面而广受欢迎。它特别适合在头脑风暴、产品设计、流程图绘制和团队协作中使用。我喜欢用它来当一个无限的画板,讲东西的时候把需要讲的内容都丢上去讲到哪部分放大哪部分。

核心特点

手绘风格图形

线条看起来像是手绘的,营造出轻松自然的氛围,适合原型图和非正式交流。

简洁的 UI

操作非常直观,支持拖动、缩放、对齐、分组等基本绘图功能。

支持协作

可通过链接进行实时协作(类似 Google Docs),适合远程团队实时共同编辑。

丰富的图形元素

支持绘制矩形、圆形、线条、箭头、自由绘制、文字等。 支持插入图像、图标、甚至 markdown 文本。

离线使用

可离线运行(PWA 支持),也可以下载桌面版本或将其嵌入到自己的项目中。

支持导出

可导出为 PNG、SVG、或 Excalidraw 自身格式(.excalidraw)。 可保存为 JSON 以便以后继续编辑。

eraser

app.eraser.io/ 我很喜欢 Next.js 官网流程图的风格。为了找出这种风格的流程图是用什么工具绘制的,我专门花了一些时间查找,发现网上提到的人并不多。

核心功能

AI 辅助图表生成

Eraser AI 作为技术设计的辅助工具,能够根据自然语言提示自动生成架构图、流程图、ER 图和时序图等。生成的图表以"图表即代码"的形式表示,便于后续编辑和维护。

图表即代码(Diagram-as-Code)

通过代码定义图表结构,确保图表始终清晰、易于维护。用户可以直接编辑图表代码,或使用 AI 提示进行修改。

Markdown 编辑器

Eraser 提供内置的 Markdown 编辑器,支持插入实时更新的图表,便于创建结构化的技术文档。文档可保存为 .md 文件,并同步到 GitHub 仓库。

实时协作与版本控制

支持团队成员实时协作编辑文档和图表,自动保存更改并生成快照,确保数据安全和版本可追溯。

丰富的图表模板与图标库

内置超过 1000 个技术图标和云服务图标,涵盖 GCP、Azure、Kubernetes 等,满足多种架构图需求。

codeimage

app.codeimage.dev/ Codeimage.dev 是一个开源的网页工具,专门用于将代码片段转换为美观的图像。这个工具适合开发者在社交媒体、博客、技术文章或者演示文稿中展示代码。

核心功能

多样化主题与窗口样式:内置 20 多种代码高亮主题,支持自定义窗口样式(如 macOS、Windows 风格),满足不同审美需求。

丰富的自定义选项:用户可以调整字体、颜色、背景、行号显示等,打造个性化的代码截图。

高质量导出:支持导出高分辨率图片,确保在各种平台上展示清晰。

代码片段管理:注册用户可以保存和管理自己的代码片段,方便日后查阅和分享。

即将推出的功能:如主题构建器、嵌入式分享、访问统计等,进一步提升用户体验。

相关推荐
Monly212 分钟前
【大前端】前期准备-Trae开发工具安装
前端
DolphinScheduler社区4 分钟前
深度探秘 Apache DolphinScheduler 数据库模式
数据库·开源·apache·开源社区·海豚调度·大数据工作流调度
极智-9966 分钟前
GitHub 热榜项目-日榜精选(2026-01-28)|实用资源与工具、开源LLM应用 | pi-mono、supermemory、mlx-audio等
开源·github·语音处理·密钥管理·llm应用·iptv资源
lllljz14 分钟前
blenderGIS出现too large extent错误
java·服务器·前端
吉吉安15 分钟前
双层文字扫光效果
前端·javascript·css
珑墨17 分钟前
【架构】前端 pnpm workspace详解
前端·架构
lbb 小魔仙19 分钟前
【Harmonyos】开源鸿蒙跨平台训练营DAY7:Flutter鸿蒙实战轮播图搜索框和导航指示器
flutter·开源·harmonyos
小马_xiaoen19 分钟前
WebSocket与SSE深度对比与实战 Demo
前端·javascript·网络·websocket·网络协议
摇滚侠20 分钟前
html,生成一个五行五列的表格,第三列边框是红色,其余列边框是黑色
前端·html
GISer_Jing22 分钟前
从工具辅助到AI开发前端新范式
前端·人工智能·aigc