webサイトいろいろ
今日の一押し
デザインに関する最高のリソースを厳選してまとめたキュレーションリストです。
その他ラインナップ
デザインシステムの計画、構築、および成長を支援するための、オープンソースのチェックリストです。
新人エンジニア向けに、著者がよく共有している有益な記事、論文、書籍などの情報をまとめたリソース集です。今後も新しい情報が随時追加される予定となっています。
エンジニアとデザイナーの思考プロセスの違いから、エンジニアが作る画面のデザイン性が低くなってしまう理由を解説しています。あわせて、デザインに苦手意識を持つエンジニアが画面の質を向上させるための具体的な対策についてもまとめています。
デジタル庁は、官民のデジタルインフラ構築とDX推進を目指し、デジタルサービスの品質と一貫性を確保するための「デザインシステム」を公開しています。
アプリケーションを単なる機能的なものから忘れられない体験へと昇華させるため、美しく効果的なユーザーインターフェース（UI）を設計するための58のルールをまとめた記事です。
コミュニティによって作成された、美しく一貫性のあるアイコンツールキット「Lucide Icons」です。
UI StackはScott Hurff氏が提唱した、デザイン時に考慮すべき「UIの5つの状態」を整理するための考え方です。これを用いることで、データ未登録時やエラー時などの状態の考慮漏れを防ぎ、エンジニアとの円滑な連携を実現します。
2026年に向けたモダンなフロントエンド開発者になるための、ステップバイステップの学習ロードマップです。フロントエンド開発に必要な技術を段階的に習得するためのガイドを提供しています。
ローディングおよびプログレスインジケーターを活用し、ユーザーのエンゲージメントを高めつつ待ち時間の体験を向上させるためのUI設計の推奨事項について解説しています。
UUID（Universally Unique Identifier）をブラウザ上で迅速に生成できる、開発者向けのオンラインツールです。
Figma関連
Appleが提供する、visionOS向けのデザインリソースがまとめられたFigmaファイルです。visionOSアプリのデザインに必要な公式のアセットやコンポーネントが含まれています。
iOS 17およびiPadOS 17向けのApple Design Resourcesが、Figmaコミュニティにて公開されています。UI設計に活用できる、OSに準拠したデザインコンポーネントやアセットが含まれています。
SharePointのWebインターフェースを設計するためのFigma用UIキットです。SharePointのデザインスタイルに準拠した各種デザインコンポーネントを提供します。
「Base Gallery」は、デザインシステムの構築に役立つベースコンポーネントを集めたFigmaコミュニティのファイルです。
FigmaのデザインスタイルをCSSやJSONなどのスタイルシート形式へ自動的に変換・出力するプラグインです。デザインからコードへの橋渡しを自動化し、実装工程の効率化を支援します。