Web制作者は要チェック! Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma

Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。

Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムのまとめ -Design Systems for Figma

Design Systems for Figma
※画像は、クックパッドのデザインシステム

Design Systems for Figmaには日本のサイトをはじめ、海外のサイトのデザインシステムがまとめられています。
サイトの利用は簡単で、登録など面倒なことは一切不要です。

サイトのキャプチャ

Design Systems for Figma

サイトにアクセスしたら、興味があるデザインシステムをクリックするだけです。

サイトのキャプチャ

Apron -クックパッドのデザインシステム

デザインシステム以外にも、いろいろあります。たとえば、クックパッドだと、個人の成長を相互サポートするためのスキルマップが公開されています。

サイトのキャプチャ

Skill Map -クックパッドのスキルマップ

@materialdesign -FigmaにもたくさんのFigmaファイルが公開されています。

サイトのキャプチャ

Material 3 Design Kit

@figma -FigmaにはFigma auto layout playgroundのような役立つ系だけでなく、デザインシステムもあります。

サイトのキャプチャ

UI2: Figma's Design System

2022年10月現在、Design Systems for Figmaには下記がまとめられています。

サイトのキャプチャ

Design Systems for Figma

sponsors

top of page

©2022 coliss