v1.513 กรกฎาคม 2569
ชุดไอคอนสำหรับวาด flow
- ปุ่ม ไอคอน ใหม่ในแถบล่าง — เปิดชุดไอคอน 24 ตัว แบ่งเป็น 4 กลุ่ม: คน (ผู้ใช้ / ลูกค้า / พนักงาน / แอดมิน / ซัพพอร์ต / ทีม), ระบบ (ฐานข้อมูล / เซิร์ฟเวอร์ / คลาวด์ / API / มือถือ / เว็บ), ธุรกิจ (อีเมล / ชำระเงิน / เอกสาร / ออเดอร์ / ร้านค้า / จัดส่ง) และสถานะ (สำเร็จ / ล้มเหลว / เตือน / คำถาม / เวลา / ตั้งค่า)
- คลิกทีเดียววางลงกลางจอได้เลย คลิกรัว ๆ ไอคอนจะไล่เยื้องกันไม่ทับซ้อน — วางแล้วย่อ/ขยาย/ลากได้เหมือนรูปภาพ แล้วลาก เส้นเชื่อม ต่อเป็น flow ได้ทันที
v1.411 กรกฎาคม 2569
คู่มือเครื่องมือ + Toolbar ที่กระชับขึ้น
- /figjum/docs — หน้าอ้างอิงเครื่องมือทุกตัว จัดกลุ่มตามตำแหน่งบนจอ พร้อมชื่อเรียกชัดเจน (เปิดอ่านได้โดยไม่ต้องล็อกอิน)
- Shapes เป็นแถวเดียวปักไว้เหนือ dock — กดค้างไว้ได้ระหว่างวางรูปทรงหลายอัน รูปทรงที่เลือกอยู่จะไฮไลต์
- Style panel ลอยได้ทุกขนาดจอ — ลากย้าย เปิด/ปิดได้ ไม่ผูกกับ breakpoint อีกต่อไป
- ตัด Timer, Vote, Reactions ออก — ใช้จริงน้อยและทำให้ toolbar รก (บอร์ดเก่าที่มี timer ยังเปิดได้ปกติ)
v1.34–5 กรกฎาคม 2569
Kanban + Sticky Notes + Style Panel ที่ครบขึ้น
- Kanban board สไตล์ Trello — สร้างคอลัมน์/การ์ดจากเทมเพลต ลากการ์ดข้ามคอลัมน์ได้ แล้วการ์ดจะจัดเรียงใหม่ให้อัตโนมัติ พร้อมปุ่มเพิ่มคอลัมน์ เพิ่มการ์ด และจัดเรียงการ์ด
- Sticky note ปรับขนาดได้อิสระ — ยืดกว้าง/สูงได้ตามใจ ข้อความตัดบรรทัดเองและอ่านออกเสมอ (ของเดิมเป็นสี่เหลี่ยมจัตุรัสตายตัวที่ย่อ-ขยายตัวอักษรตาม) และกดสร้างแล้วพิมพ์ได้เลย
- Style panel: หัวลูกศร, เส้นประ, และ fill — ควบคุมได้ครบเหมือน FigJam โผล่เฉพาะตอนที่ shape นั้นมี style นั้นจริง
- Picker แบบเห็นภาพ — หัวลูกศร (arrow, triangle, diamond, square, dot, pipe, bar, inverted, none) และ fill (ไม่มี, จาง, ทึบ, ลาย) เป็นไอคอนที่วาดของจริงให้ดู แทนที่จะเป็น dropdown ตัวหนังสือ
v1.23 กรกฎาคม 2569
FigJam Parity
- Reskin ทั้งหมด — toolbar กลางล่างแบบ FigJam พร้อมธีมของตัวเอง แทน UI มาตรฐานของ tldraw
- Collaboration — cursor chat (กด
/), emoji reactions ที่ลอยขึ้นจอ, emoji stamps, แถบ avatar ที่กดตามคนอื่นได้ (follow) - Comment threads — คอมเมนต์ผูกกับ shape ที่เลือก และ sync ให้ทุกคนเห็น
- Present mode + laser pointer — นำเสนอทีละเฟรม ให้คนอื่นดูตาม
- Public board — เปิด/แก้บอร์ดจากลิงก์ได้เลย (สร้าง/ดูรายการบอร์ดยังต้องล็อกอิน)
- Palm rejection — วาดด้วยปากกาบน iPad โดยไม่โดนฝ่ามือรบกวน
- Image assets ไป Supabase Storage — เลิกฝัง base64 ในบอร์ด ทำให้บอร์ดที่มีรูปเยอะยังโหลดไว
v1.122 พฤษภาคม – 13 มิถุนายน 2569
Draw API + MCP Server — ให้ AI วาดบอร์ดให้ได้
เปิด API ให้ AI agent (เช่น Claude) สร้างบอร์ดและวาดลงบอร์ดได้เอง ผ่าน MCP server — ยืนยันตัวตนด้วย Bearer token (FIGJUM_API_KEY)
- Tools —
create_board,draw_on_board,clear_board,get_board_snapshot(ส่งกลับเป็น SVG),measure_textและ tool สำหรับ image / note / export - Auto-fit + measure_text — วัดขนาดข้อความก่อนวาด กล่องจะได้พอดีกับ label ไม่ล้น
- Font + dash style props — เลือก font และเส้นประ ได้จาก API (default: sans + solid)
- Chunked persistence — บอร์ดใหญ่ ๆ บันทึกเป็นก้อนย่อย ไม่ชนลิมิตขนาด
- ยกเว้น TTL ให้เจ้าของ — บอร์ดของเจ้าของไม่หมดอายุ 90 วันเหมือนบอร์ดทั่วไป
v1.010 เมษายน 2569
First Release
Core Features
- Infinite Canvas — pan, zoom, วาดได้อิสระ
- Tools ครบชุด — Select, Hand, Draw, Eraser, Arrow, Text, Note, Image, Shape
- Real-time Multiplayer — เห็น cursor + ชื่อเพื่อนแบบเรียลไทม์
- Board Management — สร้างบอร์ด, แก้ไขชื่อ, แชร์ลิงก์ UUID
- 90-day TTL — บอร์ดหมดอายุอัตโนมัติ พร้อม popup แจ้งเตือน
- Clerk Authentication — login ก่อนใช้งานทุก tool
- Thai Font — ใช้ Noto Sans Thai เป็น default ทุก font style
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Canvas | tldraw v3.15.6 |
| Real-time | PartyKit + @tldraw/sync (WebSocket on Cloudflare Workers) |
| Auth | Clerk (@clerk/nextjs) |
| Database | Supabase (Postgres) |
| Styling | Tailwind CSS v4 |
| Deployment | Vercel (Next.js) + PartyKit (WebSocket) |
| DNS | Cloudflare |
| Font | Noto Sans Thai (Google Fonts) |
| Package Manager | bun |
3rd Party Services
- tldraw — Canvas engine ที่ให้ tools สำเร็จรูปครบ (draw, shapes, text, connectors, sticky notes)
- PartyKit — WebSocket server บน Cloudflare Workers สำหรับ real-time multiplayer
- @tldraw/sync — Sync protocol ของ tldraw ที่ทำงานร่วมกับ PartyKit ผ่าน TLSocketRoom
- Clerk — Authentication provider รองรับหลายวิธีล็อกอิน พร้อม UserButton component
- Supabase — Postgres database สำหรับเก็บ board metadata (UUID, title, TTL)
- Vercel — Hosting + Serverless Functions + Cron Jobs สำหรับ cleanup boards หมดอายุ
- Cloudflare — DNS management + Clerk domain verification