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 ⭐,和我一起让创作变得更纯粹、更高效!


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

相关推荐
归于尽1 分钟前
Generator?从 yield 卡壳,到终于搞懂协程那点事
前端·javascript
FogLetter1 分钟前
React组件开发进阶:本地存储与自定义Hooks的艺术
前端·javascript·react.js
支撑前端荣耀5 分钟前
五、测试用例的组织和编写
前端
支撑前端荣耀5 分钟前
七、命令行运行Cypress
前端
支撑前端荣耀5 分钟前
九、重塑你的“测试习惯”——避开Cypress的那些“坑”
前端
拾光拾趣录7 分钟前
Vite 与 Webpack 热更新原理
前端·webpack·vite
GISer_Jing9 分钟前
前端开发—全栈开发
前端·javascript
great10 分钟前
yarn和npm有什么区别
前端
拾光拾趣录10 分钟前
Flutter跨平台、性能优化与安全
前端·flutter
支撑前端荣耀11 分钟前
六、Cypress与元素交互
前端