Weekly Digest
2026年6月29日〜7月5日に公開された記事から、生成AI×デザイン・Figma・デザインシステムなどの注目トピックを自動で厳選しています。毎週自動更新。
最近、FigmaよりClaude Codeでデザインを作る時間のほうがめっきり長くなってきました。 AIにUIを作らせると、たしかにめちゃ速いんですよね。 続きをみる...
ClaudeFable5 #デザイナー #AI活用 #UIレビュー #デザインシステム #プロダクトデザイン #AI活用術 #非エンジニアPdM #Claude活用 #生成AI はじめに 続きをみる...
2026年は「Webアプリやサイトを10個作る！」という目標を掲げ、AIとともに開発を続けています。7つ目はグルテンフリーに対応したレストランやカフェ、ショップだけを集めたWebサイト「GF Only」です！...
Figmaは2024年、自分たちのAIが吐いたUIをApple純正天気アプリと見分けがつかないと認め、機能を止めた。CEOのDylan Field本人が「QAプロセスを詰め切らなかったのは自分の責任だ」とXに書いた。 つまりFigmaのAI...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 米Anthropicは2026年6月17日（米国時間）、AIデ […] 投稿 「C...
私は普段Codexやantigravityを使って、FigmaのデザインからUIコードを自動生成させています。 AIはある程度それっぽいHTML/CSSを吐き出してくれますが、自分で書いたコードがブラウザでどう表示されているかを確認する手段...
“AIエージェント元年”と呼ばれた2025年を経て、2026年はいよいよ「AIをどう実務に組み込むか」が問われる段階に入りました。一方で、目の前の業務に追われてしまうなど、多くの企業では中長期的な競争力につながる「AI資 […]...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 米Adobeは2026年6月18日（米国時間）、AIによる制作 […] 投稿 Ad...
「自社の課題はわかっているけれど、どう言語化すれば良い提案がもらえるのか正解がわからない…」「自社の業務の流れや課題は分かっているけれど、ITや開発の知識がないから、どうシステムに落とし込めばいいか分からない…」 ベンダ... 【無料テンプ...
2026年6月3日、GoogleがSearch Consoleに「生成AIパフォーマンスレポート」を新設することを発表しました。これは、LLMO（Large Language Model Optimization：大規模 […]...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 Ahrefs Pte. Ltd.は、AI検索での自社サイトの存 […] 投稿 Ah...
ノーコードのWeb制作プラットフォームを世界的に展開する「Wix.com Ltd.（以下、Wix）」が、先日「Brik」という新たなプロダクトのベータ版を公開しました。これは、プロンプトを入力するだけでアニメーションやモ […] 投稿 一言...
NotebookLMは、自分の資料をアップロードするだけでAIに要約や質問応答を任せられるGoogle製のリサーチアシスタントです。 便利そうだと感じても、独自の概念や機能が多く、画面を開いてから何を触ればよいか迷う方も... 【2026年...
1on1、ちゃんと回せていますか？ マネージャーとして複数のメンバーを担当していると、こんな悩みに心当たりがあるかもしれません。 どれも、1on1という業務に固有の「あるある」です。一対一の対話だからこそ、属人化しやすく […]...
! この記事は Claude Code 始めました からの転載です。 aiterm-mcp は、自宅サーバをいじる手間を消すために作った。Claude Code から一つずつコマンドを打つと、サーバへの接続がそのたびに切れて、つなぎ直すたび...
前回、traverze という全文検索ライブラリを公開したよという記事を書いたのですが、この中で、 ローカルのさまざまな場所に、生成AIに食わせる、あるいは生成AIが生成したテキストファイル(主にmarkdown)が転がってないですかね? ...
AIコンパニオン系のチャットでは、会話モデルの品質だけでなく、年齢確認とコンテンツ境界をどのレイヤーで管理するかが重要になります。特に大人向けの体験を扱う場合、UIの注意書きだけでは運用に耐えません。 この記事では、仮想彼女チャットのような...
Config 2026で発表されたFigma Motionを使ってみた記事が良かったので共有します。 シェイプでグラフィカルに動かすのではなく実際のUIで作られておりデザインシステムまで言及されているのが参考になります。 続きをみる...
じめじめした雨の日が続く一方で、どこか夏の始まりも感じる6月になりました。 街を歩けば、いつの間にか人々の装いが変わり、カフェのメニューも夏仕様に切り替わっている──。そうした日常のささやかな変化に目が留まる瞬間こそ、「 […]...
macOSでアプリごとの音量調整、スリープの解除、ウインドウの切り替え、リアルタイムのシステムモニター、キーボードのクリーニングモードなど、通常なら複数のアプリが必要になる機能をまとめて使えるオープンソースの無料アプリを […]...
「説明の多いUI」は誰のためか — 日本の健康管理アプリを1人で作って考えたこと 日本の健康管理アプリに、直感で使えるものがなかった 体重・運動・食事を記録するアプリを作っている。 ジムに通いながら自分で使ってみて感じたのは、 色が多い、要...
Appleは1987年から変わることなく、Human Interface Guidelines（HIG）の中で3つの神聖とも言える原則を掲げています。 Clarity（明瞭さ）, Deference（従属性）, Depth（奥行き)この3つ...
先週アップデートされたChrome 150に追加された、CSSとUIに関する新しい機能を紹介します。 今回はかなりの数のアップデートがされており、さまざまなCSSのプロパティや関数に便利な機能が追加されています。Web制 […]...
※本ページは、アフィリエイト広告を利用しています。 デザインの各要素は正確に配置した、余白も十分に取った、カラーやフォントも厳選した、でもなんだかデザインがうまくいかない。 原因はデザイン全体のバランス、重量感と視覚重心 […]...
