UIデザイン

本

ツールの便利な使い方やデザインtips・UI考察など

運営しているクリエイター: remmyk

#UIデザイン

JavaScriptなんて書けないけどChatGPTでFigmaのプラグインを作ってみた

あったらいいなと思うFigmaのプラグインがありました。選択したテキストレイヤーに任意のテキストを改行単位で順番に反映するというものです。内容が決まっていないものを、あとからチャットやメールでもらうことってよくあると思います。一度にテキストを流し込みたいとき、Google Sheets Syncなどスプレッドシートからテキストを流し込む便利なプラグインもありますが、シートの共有設定を公開にする必要があったり、公開したくない場合は毎回アップロードしなくてはならないので

アラートUIの色と使い方

WEBサイトや管理画面でよく使うアラートメッセージUIですが、ステータスの色と文言の使い分けがいまいちよくわかっていませんでした。なんとなくテキストとアラートの色が合っていないな…と思うことがあったけど、うまく言語化できてなかったので調べてみました📕 セマンティックカラーについてセマンティックカラーとは、意味をもって定義された色のことです。いろいろなデザインシステムやフレームワークをみていると、アラート関連は、次のようにセマンティックカラーとして定義されていることが多い

Adobe XDでオブジェクトの線をかんたんに消す方法

Adobe XDで長方形ツールや楕円形ツールでシェイプを描画すると、毎回枠線がついてしまいます。１日に何回もサイドパネルで線のチェックをはずすのがめんどうくさいですよね。プラグインの利用と、ショートカットの設定で、簡単に線を非表示にできるようになります。 1.プラグイン「Commono」をインストール XDのプラグインCommonoは便利機能を集めたプラグインです。こちらをインストールし、この中の「Disable Stroke」を使うと、線を無効化してくれます。

figmaで大きな画像が貼り付けられない。そんな時はプラグインを使おう

figmaを利用していて、大きな画像を配置しようとしたら縮小表示されてしまった経験はありませんか？ figmaの仕様だと縦横4096pxを超える画像はペースト時に小さくなってしまいます。スマホデザインなど縦長の画像を貼り付けたい時に不便ですよね。こちらはどうやらプラグインで解決できるようです。プラグインの使い方そもそもプラグインをどこからDLするのかよくわかってなかったので覚え書き。ファイル一覧画面のSearchを選択。上部にサーチバーがあるのでここで検索しま