Introducing Claude Design by Anthropic Labs
Today, we’re launching Claude Design, a new Anthropic Labs product that lets you collaborate with Claude to create polished visual work like designs, prototypes, slides, one-pagers, and more. Claude Design is powered by our most capable vision model, Claude Opus 4.7, and is available in research preview for Claude Pro, Max, Team, and Enterprise subscribers. We’re rolling out to users gradually thr
Calm Technology
Our world is made of information that competes for our attention. What is necessary? What is not? When we design products, we aim to choose the best position for user interface components, placing the most important ones in the most accessible places on the screen. Equally important is the design of communication. How many notifications are necessary? How and when should they be displayed? To answ
Artificial Intelligence User Experience Design Patterns Guide
Artificial Intelligence User Experience Design Patterns An exploration of the UX design patterns applicable to designing effective experiences for AI. Sample Solution The below example shows how multiple patterns are compiled to create a complete user experience. This example is a simple yet familiar experience found in AI tools. Providing help, feedback & options once a result is generated. Compi
GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design.
Anthropic created frontend-design, a skill that guides Claude toward better UI design. Impeccable builds on that foundation with deeper expertise and more control. Every LLM learned from the same generic templates. Without guidance, you get the same predictable mistakes: Inter font, purple gradients, cards nested in cards, gray text on colored backgrounds. Impeccable fights that bias with: An expa
AI Design Field Guide
We're witnessing the birth of a new kind of designer: The AI Designer. Designers who work in evals, prompts, and tool calls. Designers who have as much of a taste for models as they do for fonts. Designers who think in mental models, agents, and intelligence. There's no textbook for this kind of design (and things change so fast, it wouldn't make sense to write one). Instead, we need a field guide
Subatomic: The Complete Guide To Design Tokens
World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale. Over 13 hours of in-depth videos Figma & code sample architecture Naming & governance workflows PDF slides with over 150 resources Certificate of completion Live team trai
Design Token-Based UI Architecture
Design tokens are design decisions as data and serve as a single source of truth for design and engineering. Utilizing deployment pipelines, they enable automated code generation across platforms, allowing for faster updates and improved consistency in design. Organizing tokens in layers—progressing from available options to tokens that capture how they are applied—ensures scalability and a better
つくって、みなおす、デザインシステム | 技術評論社
概要 サービスやプロダクトのデザインをまとまりのあるものにするための「デザインシステム」の重要性が知られるようになった昨今ですが、有効なデザインシステムを作る流れや、実効的に運用・見直しを行っていくための知見はまだまとまっていない状況にあります。本書ではそのような「生きたデザインシステムを作り運用するためのノウハウ」を一気通貫で解説します。 目次 第1章：デザインシステムとは 理念とデザインシステムの関係性 デザインシステムの構成要素 公開されているさまざまなデザインシステム 設計・導入から運用までの流れ 第2章：デザインシステムが必要なとき デザインシステムの導入で期待できること デザインシステムの展開・運用の難しさ あなたの現場にデザインシステムは必要？ デザインシステムをどこまで作り込む？ 第3章：デザインシステムを作る前に 課題を洗い出す 背景を定義する 目的を定義する 調査をもと
ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する
デザインエンジニアの安田（@_yuheiy）です。 この記事では、社内向けに提供しているライブラリの使用状況を把握すべく作成した、プロダクト全体のソースコードを解析して、提供しているモジュールおよびそれを使用しているプロダクトごとに個別に自動集計する仕組みとその実装方法について解説します。 ライブラリ開発の問題と使用状況の解析 弊社では、KARTEのプロダクト群全体のデザインシステムである「Sour」を開発しています。その一環として、React製のUIライブラリ「sour-react」を作成し、社内向けのnpmパッケージとして提供しています。現在、sour-reactはKARTEのいくつものプロダクトにおいて採用されており、UI開発に欠かせないものになるほど浸透しています。 作成したライブラリが広く使われるようになるのは喜ばしくもありますが、一方、それに伴って新たな問題が生じることもありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stitch - Design with AI
Introducing “vibe design” with Stitch
getdesign.md — DESIGN.md collection for AI coding agents
GitHub - southleft/figma-console-mcp: Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
Mockdown — ASCII Wireframe Editor
Variant – Endless designs for your ideas, just scroll
Cerberus Design System
GitHub - govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System
Storybook Tutorials
デジタル庁デザインシステムβ版
Design System Generations