Juxt
JUXT Design
Catalog total
800+
resources filed
Book · Recommended
Refactoring UI
Cover
Design · Tools
Community
4,200+
designers subscribed
Recurring
Fresh picks
Every Tuesday
New this week
Motion resources
Motion · After Effects
Saved quote
“Good design is as little design as possible.”
— Dieter Rams
Catalog №
MGN-2026.05
APAC Design Archive
FILED · 2026.05.31
Resources
50+ Figma templates
Free · Figma
Article series
Typography deep dive
Type · Guide
VOL. 01自 2021 策展 · 亞太設計社群

設計的一切,精緻典藏

UI 靈感、工具、文章與 Figma 資源——為工作室設計師整理、索引、隨取隨用。

每週二精選推送 · 絕不濫發 · 隨時退訂

248 designers subscribed across the beta — resources, articles, tools & more.

I. Index · Resources

為工作室設計師精選

從全球設計社群手挑選的工具、文章與設計靈感。

Lieflat charts
Tool · 01

Lieflat charts

Agent skill that turns datasets into editorial HTML charts and reports: Lupi for slow-reading data stories, Glance for ranking in seconds, plus 12 bilingual full-page templates.

tool
Monocolor editorial print
Tool · 02

Monocolor editorial print

One-ink and two-ink editorial image skill for posters, zines, and packaging: halftone photography, visible paper, and restrained type. Not a monochrome filter.

tool
Gathered scenes zine
Tool · 03

Gathered scenes zine

Codex skills that bind everyday photos into paper zine pages, either keeping the photograph as an anchor or distilling it into a new illustrated artwork.

tool
Minimal zine poster
Tool · 04

Minimal zine poster

Codex skill that turns a theme, photo, or sentence into a sparse paper-texture zine poster: lots of negative space, one small subject, one loud color accent.

tool
Photo abstract editorial
Tool · 05

Photo abstract editorial

Codex skill that keeps the original photo and adds a lower abstract memory panel plus a short poetic English title. Not a filter or style transfer.

tool
Retro pixel poster
Tool · 06

Retro pixel poster

Codex skill for 3:4 bitmap editorial posters: fine dot-matrix subjects, quiet type, and print texture. Not retro game pixel art.

tool
Animate a papercraft miniature with Gemini
Tool · 07

Animate a papercraft miniature with Gemini

Gemini prompt that animates a still papercraft city — tiny vehicles, water, clouds — without leaving the paper-art look.

tool
AICSS · UI components for AI agents
Tool · 08

AICSS · UI components for AI agents

Beautifully designed, copy-paste UI components for AI agent conversations: thinking states, tool calls, streaming text, citations, tables and more. Ships in React, Vue and Svelte.

tool
Checklist Design
Figma · 09

Checklist Design

A comprehensive checklist resource for designers with Figma plugin integration

figma
Say precisely what you mean.
Tool · 10

Say precisely what you mean.

The words designers use when they know what they're looking at. Covers vocabulary across typography, color, iconography, layout, interaction, motion, accessibility, IA, copywriting, tools, analysis, a

tool
Animation Vocabulary
Tool · 11

Animation Vocabulary

A glossary of 91 common animation patterns. Use these names to describe what you want when prompting an AI — and tweak each one live to feel how it moves.

tool
Calligraph
Type · 12

Calligraph

Fluid text transitions powered by Framer Motion. A React component library for animating typography with style.

type
Rotato
Tool · 13

Rotato

Stunning 3D mockup generator with 30+ battle-tested devices. Create studio-grade product shots in minutes with no 3D experience needed.

tool
Figma Weave
Figma · 14

Figma Weave

Figma AI-powered design workflows platform that combines multiple AI models (Google, OpenAI, Kling, Runway, etc.) with professional design tools. Build custom AI workflows and apps.

figma
QuiverAI
Tool · 15

QuiverAI

AI-powered vector graphics generation tool that generates, edits, and animates SVGs from text or images using the Arrow model. Raised $8.3M seed from a16z.

tool
Transitions.dev
Tool · 16

Transitions.dev

A skill that teaches AI agents about product motion, including transitions, animations, and commands for reviewing and applying motion effects in your projects.

tool
DESIGN.md - Design Systems for AI Coding
Tool · 17

DESIGN.md - Design Systems for AI Coding

A design system community for AI builders with 100s of free design systems. Drop a DESIGN.md file in your repo and tell your AI coding tool to use it.

tool
Mobbin MCP
Tool · 18

Mobbin MCP

Connect AI agents to 600,000+ real product screens. Search screens, browse user flows, and get design inspiration directly from Claude Code, Cursor, and other AI tools.

tool
Aura Build
Tool · 19

Aura Build

AI landing page builder

tool
Stitch by Google
Figma · 20

Stitch by Google

Google Stitch is an AI-native software design canvas that transforms natural language prompts, hand-drawn wireframes, or screenshots into fully editable UIs and production-ready code.

figma
II. Index · Blog

設計文章與實戰筆記

色彩、工具、流程與觀點——為工作室設計師整理的長文與指南。

Ai · Design · Sep 6, 2026

設計圈週報|2026/09/06:Astra 出了但不進 Cursor、長跑 agent 變便宜、Shader 能帶走

上週寫完那句「Astra 從一開始就不會出現在 Cursor 裡」,這週它真的出了。9 月 3 日 OpenAI 把 GPT-6 Astra 送進 ChatGPT、API、Azure、Bedrock;隔天 GitHub Copilot 跟 Vercel AI Gateway 也接上。官方可用性清單裡,沒有 Cursor。 同一週 Anthropic 把 Fable 5.1 的 cache read 砍了 75%,長跑 agent 終於比較負擔得起;Figma 讓 shader 跟 generative plugin 可以發布、下載程式碼、交給 MCP;Cursor 則把 agent 的電腦操作搬進你自己的機器。Google 把 Pics 塞進 Docs 跟 Slides。 設計師這週該拿走的不是「又一個更聰明的模型」,而是地圖更新:模型可以出、可以貴、可以便宜,但出現在哪一個選擇器裡,仍是

Ai · Design · Aug 29, 2026

設計圈週報|2026/08/29:OpenAI 抽走 Cursor、編輯器自己當 Git 主機、Agent 開始寄信

上週寫 Cursor 換老闆的時候,還在盤「prompt 資產能不能帶走」。這週答案來了,而且比所有權更直接:供應商可以單方面抽走你工作流裡的一截。 8 月 28 日,OpenAI 公告要在 11 月 12 日停止向 Cursor 提供模型,理由寫得很白——不信任 SpaceX 會遵守條款。Cursor 創辦人說 OpenAI 只佔約 5% 流量,Anthropic 立刻加碼 Claude 的 compute。同一段時間,Cursor 推了 Origin 自己當 Git 主機;Claude 開始能寄 Gmail、丟 Drive 檔,Cowork 上了手機;Gemini 在 Android Chrome 自己去瀏覽網頁;Figma 把 skills 做成 Community 資產。 設計師這週該拿走的不是新功能清單,而是一句提醒:你以為是工具的東西,正在變成可以抽走、或可以替你行動的平台。

Ai · Design · Aug 15, 2026

設計圈週報|2026/08/15:Cursor 併入 SpaceX、Claude Code 預設放手、Adobe 進駐 ChatGPT

本週的關鍵字不是「新模型」,是「預設值」。 Anthropic 把 Claude Code 的 auto mode 設成預設,理由是人工審核的數據太難看;Twitch 把「用你的直播訓練 AI」設成預設,產品長直接承認「如果是 opt-in,沒人會 opt in」;Adobe 把「該開哪個 app」整件事拿掉,交給模型路由;Cloudflare 甚至做了一個預設沒有人在看的瀏覽器。而 Cursor 在週五正式變成 SpaceX 的子公司——連你每天打開的工具歸誰所有,也不是你決定的。 設計師這週該拿走的不是新功能清單,而是一句提醒:預設值就是政策。 我們還能設計的,是退出的路徑、可見的成本,以及讓人知道自己剛剛被決定了什麼。 8 月 14 日,SpaceX 完成對 Anysphere(Cursor 母公司)的全股票併購,隱含股權價值 $60B,Cursor 成為 SpaceX 全資子公司。

緊貼設計工具最新資訊

每週二更新工具評測及教學,帶上新資料與精選觀察。