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


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

相关推荐
i听风逝夜1 天前
Web 3D地球实时统计访问来源
前端·后端
iMonster1 天前
React 组件的组合模式之道 (Composition Pattern)
前端
呐呐呐呐呢1 天前
antd渐变色边框按钮
前端
元直数字电路验证1 天前
Jakarta EE Web 聊天室技术梳理
前端
wadesir1 天前
Nginx配置文件CPU优化(从零开始提升Web服务器性能)
服务器·前端·nginx
牧码岛1 天前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
灵犀坠1 天前
前端面试八股复习心得
开发语言·前端·javascript
9***Y481 天前
前端动画性能优化
前端
网络点点滴1 天前
Vue3嵌套路由
前端·javascript·vue.js
牧码岛1 天前
Web前端之Vue+Element打印时输入值没有及时更新dom的问题
前端·javascript·html·web·web前端