明日からFigmaで使えるデザインシステム無料＆有料10選【保存版】
Figmaを活用しているデザイナーにとって、効率的にデザインを進めるための デザインシステム は欠かせません。しかし、デザインシステムをフルスクラッチで制作しようとすると数ヶ月~半年程度かかってしまい。費用対効果の観点から導入が進まないケースがあります。
そこで、この記事では無料で使用できるものから、プロジェクトに応じた有料の高機能デザインシステムまで、厳選したリソースを一挙に紹介します！なお、すべてFigmaのファイルとして提供されているリソースのためすぐにプロジェクトに導入可能です。
過去のデザインシステム関連記事
無料で利用できるデザインシステム
Apple iOS Design Kit
価格: 無料
Appleが提供する公式のiOSおよびiPadOS向けUIキット。ボタン、テキストフィールド、ナビゲーションバーなど、Appleのデザインガイドラインに準拠したUIコンポーネントが揃っている。Figma、Sketch、Adobe XDなどで利用可能。
https://developer.apple.com/design/resources/
Material Design 3
価格: 無料
Googleが提供する最新のマテリアルデザインガイドラインで、Figma用のUIキットが利用可能。
Ant Design
価格: 無料
エンタープライズ向けのUIデザインシステムで、Figma用のリソースが公開されている。
Carbon Design System
価格: 無料
IBMが提供するデザインシステムで、Figma用のライブラリが利用可能。
Eva Design System
価格: 無料
オープンソースのデザインシステムで、Figma用のUIキットが提供されている。
Fluent Design System
価格: 無料
Microsoftが提供するデザインシステムで、Figma用のリソースが公開されている。
Salesforce Lightning Design System (SLDS)
価格: 無料
特徴: Salesforceが提供する公式のデザインシステムで、Figma用のUIキットが利用可能です。これにより、Salesforceのデザインガイドラインに準拠したUIコンポーネントを効率的に設計できます。
Atlassian Design System
価格: 無料
特徴: Atlassianが提供する公式のデザインシステムで、Figma用のライブラリが公開されています。これを活用することで、JiraやConfluenceなどのAtlassian製品と一貫性のあるデザインを作成できます。
有料で利用できるデザインシステム
Untitled UI
価格: $129～$199
Figma用に設計された包括的なデザインシステムで、多数のコンポーネントが含まれている。
有名なデザインシステムなので、有料のライブラリで迷ったらこちらを購入するのがおすすめです。
SystemFlow
価格: $99～$199
特徴: ウェブデザインに特化したデザインシステムで、コードとも連携可能。
これらのデザインシステムを活用することで、Figmaでのデザイン作業がより効率的かつ一貫性のあるものになります。プロジェクトの要件や予算に応じて、最適なデザインシステムを選択してください！
デザインシステムの導入支援
私たち、デザインスタジオMEMEでは、新規事業の立上げや既存システムのリニューアルやデザインシステムの導入をサポートしています。デザイン専門家が協力し、企業フェーズに合わせたデザインシステムを構築することで、効率化とブランドの一貫性を実現します。詳しくは下記サイトをご覧ください。
また、2024年11月限定で無料相談会も実施しております。下記からご予約が可能です。ポチッとお気軽にご連絡ください。
いいなと思ったら応援しよう！
