กลับ Figjum

Figjum Changelog

Whiteboard ระดมสมองแบบเรียลไทม์ แรงบันดาลใจจาก FigJam

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

LayerTechnology
FrameworkNext.js 16 (App Router)
LanguageTypeScript
Canvastldraw v3.15.6
Real-timePartyKit + @tldraw/sync (WebSocket on Cloudflare Workers)
AuthClerk (@clerk/nextjs)
DatabaseSupabase (Postgres)
StylingTailwind CSS v4
DeploymentVercel (Next.js) + PartyKit (WebSocket)
DNSCloudflare
FontNoto Sans Thai (Google Fonts)
Package Managerbun

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

Vibe Coded

Figjum สร้างด้วย Claude Code ตั้งแต่วางแผนจนถึง deploy ใช้เวลาประมาณ 1 session — ถ้าอยากทำโปรเจคคล้ายๆ กันลองดู tldraw + PartyKit เป็น combo ที่ดีมากครับ

v1.5.4