黒い背景に白い幾何学的シンボルでRadix Colorsを示します。

ラディックスカラー

Radix Colorsプラグインは、高度なアクセシブルなカラーシステムで、Framerでのカラー設定を容易にし、デザインの効率を向上させます。

紹介

イントロダクション

紹介

イントロダクション

紹介

イントロダクション

Radix Colorsプラグインは、アクセシビリティ基準を満たす高度なカラ―システムであるRadix ColorsをFramerプロジェクトに簡単に適用できるよう支援します。色の選択から適用までの過程を簡素化し、デザイナーのワークフローを効率化し、ユーザーにより良い視覚的体験を提供します。

ラディクスカラーとは何ですか?

Radix Colorsは、WorkOS(Radix UIの作成者)のUI専門家によって開発された洗練されたカラ―システムです。このシステムは以下のような機能を提供します。

  • アクセシビリティを考慮した色 : 対比基準を満たすように設計された色

  • 多様なデザインシステム : それぞれ12の精密な色ステップを含む30の色スケール

  • 自動ダークモード : すべての色に組み込まれたライト/ダークモード自動ペアリング

  • 科学的アプローチ活用 : 色彩科学の原理を用いた色の導出

  • 透明度オプション : 様々なデザインのためにすべての色のアルファ(透明度)バージョンを提供

特徴

  • リアルタイムプレビュー: 現在のFramerテーマで色がどのように見えるかを確認できます。

  • 望む色を柔軟に選択: 必要な色を自由に取り出せます。

  • 直感的な色のネーミング: 迅速に見つけられる直感的な命名 (例: "Radix/blue10")

使用方法

  1. Framer Marketplaceからプラグインをインストールする

  2. メインツールバーからプラグインを開く

  3. 単色またはアルファ(透明)色から選択する

  4. 個別の色または全体の色系を選択する

  5. 選択した色をプロジェクトの色スタイルに追加するには「Import」をクリックする

なぜこのプラグインを使用すべきですか?

このプラグインを使えば、長時間かけて手作業で色を設定する必要がなくなります。色スタイルを一から作成する手間を省き、世界中の有名なデザイナーが使用するプロフェッショナルなカラーシステムをすぐに活用できます。

以下の方々にこのプラグインをお勧めします。

  • 信頼できるカラ―システムが必要な新プロジェクトを始めるデザイナー

  • ライトモードとダークモードで、一貫した色の体験を提供したいチームのデザイナー

  • アクセシビリティに優れたよく作られた色でデザインシステムをアップグレードしたい全ての人

プラグインをリクエストする

必要なプラグインがありますか?

プラグインをリクエストする

必要なプラグインがありますか?

Framerの
エキスパートになろう

Framerの依頼を受けられるプロなら誰でも応募できます。
仲介手数料はなく、プロとクライアントを直接つなぎます。

Framerの
エキスパートになろう

Framerの依頼を受けられるプロなら誰でも応募できます。
仲介手数料はなく、プロとクライアントを直接つなぎます。

Framerの
エキスパートになろう

フレーマーの受託が可能な専門家なら
誰でも応募可能です。
仲介手数料なしで、専門家とクライアントを
直接つなぎます。