v1.927 สิงหาคม 2569
AI ที่ต่อบอร์ดมีคู่มือของตัวเองแล้ว
- หน้าใหม่ /figjum/llm — คู่มือที่เขียนให้ โมเดลอ่าน ไม่ใช่คนอ่าน ครอบคลุมทั้ง API (tool ทั้ง 6 ตัว, ข้อจำกัดที่ต้องรู้ก่อนวางแผน เช่นแก้ทีละรูปทรงไม่ได้ ต้องล้างแล้ววาดใหม่) และกติกาการวาดให้อ่านรู้เรื่อง ซึ่งเดิมไม่เคยมีที่ไหนเลย เอเจนต์ตัวใหม่เลยเริ่มจากศูนย์ทุกครั้ง · มีไฟล์ดิบที่
/figjum/llm.txtให้ agent ที่ไม่อยากแกะ HTML - ลิงก์คู่มือเดินทางไปพร้อมกับ config — ทุกแท็บในป๊อปอัป Connect ใส่บรรทัดชี้ไปที่คู่มือไว้ ในกล่องโค้ดที่กดคัดลอก ไม่ใช่ข้าง ๆ เพราะปุ่มคัดลอกคือจังหวะที่ config ไปถึงโมเดลจริง ๆ
- MCP ส่งคู่มือให้เองตอนเชื่อมต่อ — server ตอบ instructions กลับไปตั้งแต่ initialize ทุก client เลยได้กติกาการวาดอัตโนมัติ ไม่ต้องมีใครจำว่าต้องแปะลิงก์
- ข้อความยาวเกินกล่องไม่ล้นอีกแล้ว — ไม่ต้องสั่งเอง —
auto_fitเปลี่ยนเป็นทำงานอัตโนมัติ (เดิมต้องส่งธงเองทุก op เอเจนต์เลยไปเขียนสูตรนับตัวอักษรกันเอง) และทำงานกับ HTTP API ตรง ๆ ด้วยแล้ว — เดิมทาง cURL ไม่จัดขนาดให้เลย บอร์ดที่วาดผ่าน cURL กับผ่าน MCP จึงออกมาไม่เหมือนกัน · ส่งauto_fit: falseถ้าอยากได้ขนาดที่สั่งไว้เป๊ะ ๆ แล้วยอมให้ล้น
v1.811 สิงหาคม 2569
โน้ตหน้าตาเหมือนกระดาษแปะจริง ๆ แล้ว
- โน้ตเลิกหน้าตาเหมือนสี่เหลี่ยมธรรมดา — เมื่อก่อนเป็นพื้นสีจาง ๆ ล้อมด้วยเส้นขอบหนา ๆ ซึ่งเป็นตัวที่ทำให้มันดูไม่ต่างจากรูปทรงทั่วไป ตอนนี้เป็นพื้นสีเต็ม ไม่มีเส้นขอบ พร้อมเงาบาง ๆ แบบกระดาษที่แปะอยู่บนบอร์ดจริง
- ข้อความเริ่มจากมุมซ้ายบน — ของเดิมเริ่มกลางกล่อง พอพิมพ์แล้วทั้งก้อนขยับหนีตลอด แบบใหม่ตัวหนังสืองอกลงล่างจากจุดที่เริ่มไว้ นิ่งกว่ามาก
- ปุ่ม แปลงเป็นโน้ต — เลือกสี่เหลี่ยมแล้วกดครั้งเดียวเปลี่ยนเป็นโน้ตได้เลยใช้อัปเกรดโน้ตเก่าที่สร้างไว้ก่อนหน้านี้ให้เป็นหน้าตาแบบใหม่ (โน้ตเก่าจะไม่เปลี่ยนเองอัตโนมัติ เพราะเนื้อหาบอร์ดไม่ได้เก็บในฐานข้อมูล) · กด Cmd/Ctrl+Z ย้อนได้
- หน้าตาใหม่ตามไปถึงภาพตัวอย่างบอร์ดในหน้ารวมด้วย · รูปทรงที่วาดเองกับเทมเพลตยังแบนเหมือนเดิม ไม่ได้เงาไปด้วย · ดูคู่มือ
v1.710 สิงหาคม 2569
จัดของบนบอร์ดให้เป็นระเบียบด้วยปุ่มเดียว
- ปุ่ม จัดให้เป็นระเบียบ (Tidy up) — เลือกของตั้งแต่ 2 ชิ้นแล้วกดครั้งเดียว ระบบอ่านเองว่าที่วางไว้ตั้งใจให้เป็น แถว / คอลัมน์ / กริด แล้วจัดระยะให้เท่ากันตามนั้น — ไม่ได้ยัดทุกอย่างเป็นก้อนใหม่ ของที่ตรงอยู่แล้วจะไม่ขยับเลย · กด ⌘/Ctrl + Alt + T ก็ได้ (คีย์เดียวกับ Figma)
- ระยะห่างยึดจากที่คุณวางไว้เองเป็นหลัก ถ้าของทับกันจนหาระยะเดิมไม่ได้ถึงจะใช้ค่าเริ่มต้น · ชิ้นที่ล็อกไว้ เส้นเชื่อมที่ผูกกับวัตถุ และการ์ด Kanban จะไม่ถูกแตะ · ทั้งหมดนับเป็น 1 ครั้ง กด Cmd/Ctrl+Z ครั้งเดียวกลับตำแหน่งเดิม · อ่านรายละเอียดในคู่มือ
- บอร์ดที่คนอื่นแชร์มา จัดใส่โฟลเดอร์ได้แล้ว — เมื่อก่อนลากได้เฉพาะบอร์ดของตัวเอง ตอนนี้ทุกคนจัดโฟลเดอร์ของตัวเองได้ บอร์ดใบเดียวกันอยู่คนละโฟลเดอร์ของแต่ละคนได้ ไม่กวนกัน
v1.610 สิงหาคม 2569
จัดระเบียบหน้ารวมบอร์ด — ลบแล้วกู้คืนได้ ค้นหาได้ จัดโฟลเดอร์ได้
- กดลบแล้วมีหน้าต่างยืนยันก่อนเสมอ — เมื่อก่อนกดถังขยะปุ๊บหายปั๊บ ไม่มีจังหวะให้ยั้งมือ
- ถังขยะ กู้คืนได้ 30 วัน — บอร์ดที่ลบจะไปพักในถังขยะ กดกู้คืนกลับมาได้ภายใน 30 วัน พ้นกำหนดแล้วระบบถึงจะลบถาวรให้เอง
- ช่องค้นหาชื่อบอร์ด — พิมพ์ชื่อแล้วกรองทันที ไม่ต้องไล่หาทีละใบเวลามีบอร์ดเยอะ
- สลับมุมมอง Grid / List ได้ — Grid เห็นภาพตัวอย่างชัด List เห็นได้เยอะกว่าในหน้าจอเดียว ระบบจำมุมมองที่เลือกไว้ให้
- Workspace folder — สร้างโฟลเดอร์แยกตามโปรเจคหรือลูกค้า แล้วลากการ์ดบอร์ดไปวางบนโฟลเดอร์ได้เลย (บนมือถือใช้ปุ่มย้ายบนการ์ดแทน) โฟลเดอร์ผูกกับบัญชี เปิดเครื่องไหนที่ล็อกอินอยู่ก็เห็นเหมือนกัน · ลบโฟลเดอร์ทิ้ง บอร์ดข้างในไม่หายไปด้วย แค่กลับไปอยู่นอกโฟลเดอร์
หมายเหตุ — ปุ่มลบเวอร์ชันก่อนหน้านี้เอาบอร์ดออกจากรายการในเครื่องเท่านั้น ไม่ได้ลบออกจากฐานข้อมูลจริง ใครที่เคยเผลอกดลบไป บอร์ดยังอยู่ครบ กด Refresh หน้ารวมบอร์ดแล้วจะเห็นเหมือนเดิม
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