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

## webサイトいろいろ

[Framer components](https://drams.framer.website/)

Dieter Ramsの設計原則にインスパイアされた、シンプルさと機能性を重視したFramer用のUIコンポーネント集です。ボタンやスライダーなどの洗練された要素を通じて、デジタルプロジェクトの質を向上させます。

[ダークテーマとアクセシビリティ の融合したカラートークンの設計](https://speakerdeck.com/degudegu2510/dakutematoakusesibiritei-norong-he-sitakaratokunnoshe-ji)

ダークテーマへの対応とアクセシビリティの確保を両立させるための、カラートークンの設計手法に関する発表資料です。デザインシステムにおいて、コントラスト比などの要件を満たしながら効率的に色を管理するためのアプローチについて解説しています。

[Disabled Buttons UX – Usability Issues and How to Avoid Them](https://uxdworld.com/2024/01/29/disabled-buttons-ux/)

無効化されたボタン（disabled buttons）のUXにおける問題点や落とし穴を解説し、適切な活用事例と代替となる解決策を提示しています。

[HTMLrev -1000+ free HTML templates](https://htmlrev.com/)

HTMLrevは、1,000種類以上の無料HTMLテンプレートを提供しているウェブサイトです。

[Design notes -A free resource library for product designers](https://www.designnotes.co/)

Design notesは、プロダクトデザイナーを対象とした無料のリソースライブラリです。デザインプロセスを支援するための様々なツールやアセットが提供されています。

[「デザイナーさん」からの脱却](https://note.com/suke%5F0720/n/ndf28ea90c523)

デザイナーやエンジニアが「〇〇さん」と役職で呼ばれることで生じる心理的な距離感やチーム感の欠如について、その違和感の正体を考察しています。デザイナーがビジネスサイドとより一体となって働くための、理想的なチームのあり方を論じています。

## Figma

[KA法（本質的価値抽出法）の手順と実例「資格試験を受ける人のモチベーションの価値マップ」](https://www.figma.com/community/file/1142124393231568930)

KA法（本質的価値抽出法）の手順を解説し、「資格試験を受ける人のモチベーション」を題材とした価値マップの実例をまとめたFigmaファイルです。

[Photopea](https://www.figma.com/community/plugin/1164118094004004837)

Figmaのワークフロー内で、高度な画像編集ツール「Photopea」を利用可能にするプラグインです。Figma上でPSDファイルの編集など、より複雑な画像処理をシームレスに行うことができます。

[Brick](https://www.figma.com/community/plugin/1332372435133832847)

Brickは、Figma上でモジュール式のレイアウト構築を効率化するためのプラグインです。UIコンポーネントの構造化や配置プロセスを迅速化することを目的としています。

## chrome拡張機能

[Daltonize](https://chromewebstore.google.com/detail/daltonize/obcnmdgpjakcffkcjnonpdlainhphpgh)

Daltonizeは、色盲の視覚をシミュレートするためのChrome拡張機能です。