# 2024.02.29.最近見たものピックアップ

## webサイトいろいろ

### 今日の一押し

[Resources](https://designresourc.es/)

デザインに関する最高のリソースを厳選してまとめたキュレーションリストです。

### その他ラインナップ

[Design System Checklist](https://www.designsystemchecklist.com/)

デザインシステムの計画、構築、および成長を支援するための、オープンソースのチェックリストです。

[新人の方によく展開している有益な情報](https://qiita.com/kazuo%5Freve/items/d1a3f0ee48e24bba38f1)

新人エンジニア向けに、著者がよく共有している有益な記事、論文、書籍などの情報をまとめたリソース集です。今後も新しい情報が随時追加される予定となっています。

[なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】](https://qiita.com/mskmiki/items/544149987475719e417b)

エンジニアとデザイナーの思考プロセスの違いから、エンジニアが作る画面のデザイン性が低くなってしまう理由を解説しています。あわせて、デザインに苦手意識を持つエンジニアが画面の質を向上させるための具体的な対策についてもまとめています。

[デザインシステム -デジタル庁-](https://www.digital.go.jp/policies/servicedesign/designsystem)

デジタル庁は、官民のデジタルインフラ構築とDX推進を目指し、デジタルサービスの品質と一貫性を確保するための「デザインシステム」を公開しています。

![](/images/m98od175m4zm6vik3n37.png)

[58 rules for beautiful UI design](https://medium.com/user-experience-design-1/58-rules-for-stunning-and-effective-user-interface-design-ea4b93f931f6)

アプリケーションを単なる機能的なものから忘れられない体験へと昇華させるため、美しく効果的なユーザーインターフェース（UI）を設計するための58のルールをまとめた記事です。

[Lucide](https://lucide.dev/)

コミュニティによって作成された、美しく一貫性のあるアイコンツールキット「Lucide Icons」です。

[その状態のデザイン考えてなかった！ UI Stackってナニ](https://note.com/kana%5Fcbr250r/n/n231966c2555d)

UI StackはScott Hurff氏が提唱した、デザイン時に考慮すべき「UIの5つの状態」を整理するための考え方です。これを用いることで、データ未登録時やエラー時などの状態の考慮漏れを防ぎ、エンジニアとの円滑な連携を実現します。

[Developer Roadmaps -Frontend Developer-](https://roadmap.sh/frontend)

2026年に向けたモダンなフロントエンド開発者になるための、ステップバイステップの学習ロードマップです。フロントエンド開発に必要な技術を段階的に習得するためのガイドを提供しています。

[Loading & progress indicators — UI Components series](https://uxdesign.cc/loading-progress-indicators-ui-components-series-f4b1fc35339a)

ローディングおよびプログレスインジケーターを活用し、ユーザーのエンゲージメントを高めつつ待ち時間の体験を向上させるためのUI設計の推奨事項について解説しています。

[UUD](https://uud.io/)

UUID（Universally Unique Identifier）をブラウザ上で迅速に生成できる、開発者向けのオンラインツールです。

## Figma関連

[Apple Design Resources - visionOS](https://www.figma.com/community/file/1253443272911187215)

Appleが提供する、visionOS向けのデザインリソースがまとめられたFigmaファイルです。visionOSアプリのデザインに必要な公式のアセットやコンポーネントが含まれています。

[Apple Design Resources – iOS 17 and iPadOS 17](https://www.figma.com/community/file/1248375255495415511/apple-design-resources-ios-17-and-ipados-17)

iOS 17およびiPadOS 17向けのApple Design Resourcesが、Figmaコミュニティにて公開されています。UI設計に活用できる、OSに準拠したデザインコンポーネントやアセットが含まれています。

[SharePoint Web UI Kit](https://www.figma.com/community/file/1260359051156407926/sharepoint-web-ui-kit)

SharePointのWebインターフェースを設計するためのFigma用UIキットです。SharePointのデザインスタイルに準拠した各種デザインコンポーネントを提供します。

[❖ Base Gallery](https://www.figma.com/community/file/805195278314519508/base-gallery)

「Base Gallery」は、デザインシステムの構築に役立つベースコンポーネントを集めたFigmaコミュニティのファイルです。

[Auto Style Sheet](https://www.figma.com/community/plugin/1266481777899618491)

FigmaのデザインスタイルをCSSやJSONなどのスタイルシート形式へ自動的に変換・出力するプラグインです。デザインからコードへの橋渡しを自動化し、実装工程の効率化を支援します。