Drawing:专注高效画图,让每一次创作都值得被珍藏

在信息爆炸与创作需求日益增长的今天,我们每个人都可能会有画图、构思、头脑风暴的场景。但很多时候,一款好用、专业且不复杂的画图工具,反而变得难能可贵。

今天要给大家介绍的,就是我最近用过、非常喜欢的一款专注于画图创作的高效工具------Drawing


为什么选择 Drawing?

1. 专注画图,极致体验

Drawing 不是"大而全"的重型设计工具,而是一款专为"画图"场景打造的创作工具。无论你是产品经理需要画流程、设计师头脑风暴,还是学生备考整理知识,Drawing 都能帮你迅速进入创作状态,减少干扰,提升效率。

  • 直观操作:支持多种画图工具和图形元素,操作习惯类似 Excalidraw,所见即所得,0 上手难度。
  • 手绘风格:喜欢手绘的亲和力?Drawing 集成了 Excalidraw,轻松画出卡通风、手帐风草图。

2. 永不丢失的安全感

作为创作者,我们最怕创作成果丢失。Drawing 从底层解决你的后顾之忧:

  • 实时自动保存:每一次操作都会自动保存到云端和本地,网络断了也不用怕!
  • 多端同步:基于 MinIO 对象存储,无论是笔记本还是手机、平板,都能无缝访问同一份画作。

3. 灵活管理,效率翻倍

内容多了怎么管理?Drawing 内置了文件夹管理系统

  • 多级文件夹,支持自由拖拽归类,像整理电脑文件一样清晰。
  • 全文检索,再也不用担心找不到想要的那张图,关键词一搜,立刻定位。
  • 分类视图,支持自定义标签、分组,适合项目化创作和整理。

4. 极致简洁,顺畅流畅

界面非常极简 ,聚焦于画布和内容本身,没有一堆花哨菜单栏。响应式设计 ,移动端、平板、PC 都能流畅使用。还支持Clerk 用户认证,保障你的内容安全。

5. 导出分享,协作无忧

  • 多种格式导出(SVG/PNG/PDF),随时插入到PPT、Word、Notion、飞书、企业微信等。
  • 一键分享,可以生成链接,团队成员协作无障碍。

6. 可定制与可扩展

Drawing 支持插件与 API 接口,适合有个性化需求的进阶用户或团队。比如集成AI识别、自动生成图形、与第三方知识库互通等,潜力巨大。


应用场景举例

  • 产品经理:流程图、用户旅程、需求拆解、架构梳理
  • 设计师:创意草图、页面布局、组件结构
  • 学生/老师:思维导图、知识梳理、讲义标注
  • 自媒体人:信息图表、脑图、短平快的创作笔记

一分钟上手体验

  1. 克隆项目并安装依赖

    bash 复制代码
    git clone https://github.com/geallenboy/drawing
    cd drawing
    pnpm install
  2. 环境配置 复制 .env.example.env.local,根据自己的环境填好数据库、MinIO、Clerk 相关配置。

  3. 数据库迁移

    bash 复制代码
    ./migrate.sh
  4. 启动开发服务器

    复制代码
    pnpm dev
  5. 打开浏览器访问: https://drawing.ailinksall.com,即可免费体验所有功能。


技术亮点

  • Next.js 14 + TypeScript,现代前端架构
  • Tailwind CSS + Shadcn/ui,极致美观与可用性
  • Drizzle ORM + PostgreSQL,稳定高效
  • MinIO 云端存储,数据安全可靠
  • Clerk 集成,身份认证安全便捷

开源&贡献

Drawing 是 MIT 开源项目,完全免费,欢迎所有开发者和创作者一起参与改进。如果你有想法、需求或者发现了 bug,都可以提 issue 或 PR。详细贡献指南见仓库:CONTRIBUTING.md


写在最后

"让创作更简单,让画图更自由!"

------ Drawing 项目团队

你有没有在找一款真正"用心为创作者"设计的画图工具?快来试试 Drawing,也许会给你带来不一样的创作体验。欢迎留言交流你的需求和想法!


项目地址: github.com/geallenboy/...

喜欢的话,欢迎 Star ⭐,和我一起让创作变得更纯粹、更高效!


有任何问题或建议,也欢迎私信或评论区留言,我们一起把工具打磨得更好!

相关推荐
Antonio9154 分钟前
【网络编程】WebSocket 实现简易Web多人聊天室
前端·网络·c++·websocket
tianzhiyi1989sq1 小时前
Vue3 Composition API
前端·javascript·vue.js
今禾1 小时前
Zustand状态管理(上):现代React应用的轻量级状态解决方案
前端·react.js·前端框架
用户2519162427111 小时前
Canvas之图形变换
前端·javascript·canvas
今禾2 小时前
Zustand状态管理(下):从基础到高级应用
前端·react.js·前端框架
gnip2 小时前
js模拟重载
前端·javascript
Naturean2 小时前
Web前端开发基础知识之查漏补缺
前端
curdcv_po2 小时前
🔥 3D开发,自定义几何体 和 添加纹理
前端
单身汪v2 小时前
告别混乱:前端时间与时区实用指南
前端·javascript
鹏程十八少2 小时前
2. Android 深度剖析LeakCanary:从原理到实践的全方位指南
前端