Shannen

UX UIデザイナーのShannenです。Figmaの小技やUXUIデザインのことをシ…

Shannen

UX UIデザイナーのShannenです。Figmaの小技やUXUIデザインのことをシェアします！よろしくお願いします！
  • 固定された記事

Design Systemを学びたいデザイナーへ

こんにちは、UX/UIデザイナーのShannenです。 直近2年ぐらい、ずっとDesign System（下記DS）TeamでDSの構築＆運用しています。マスターになったとは言えないが、デザイナーはよくDSに誤解したり、勉強しようとしてもわからなったりするのを実感して、この記事を書きました。 もしかしてDSに興味があるデザイナーの力になれば幸いです。 DesignSystemをやるには認識してもらいたいこと作業ベースのスキルを学ぶなら、GoogleやYutubeで検索すると

Shannen

    • Figma画像比率指定に便利なPlugin

      こんにちは、UIUXデザイナーのShannenです。 前の記事で、比率固定の画像を可変させる方法を紹介しましたが、そのやり方いくつのサイズしかできなくて、提供されない比率を作りたい場合はかなり手間かかりました。なので、今回どんな比率でも簡単に固定するPluginを紹介させていただきます。 Lock Aspect RatioYes!その名前はLock Aspect Ratioです。使い方もめちゃくちゃ簡単で、作ったものを選んだ状態で、One Clickするだけ済む。  例え

      Shannen

      • Figma Variableで電卓を作ってみました。

        こんにちは、UIUXデザイナーのShannenです。6月ごろfigmaがvariableという機能がリリースされました。みなさんと同じく、私も色々試しました。かなり神機能で、今後色なところで活用できそうですね。特にPrototype作成には、ページ数はかなり減らすのはすこく嬉しいです。 試した中、条件つけて簡単な計算もできるみたいので、電卓作れるのではないでしょうか？と思って、電卓を作ってみした。何と！計算できるようになりました！今回、私が作った電卓のprototypeをご

        Shannen

        • Figmaでパーセント指定で可変するComponentの作り方

          初めまして、UXUIデザイナーのShanenです。Noteで初めての記事ですが、よろしくお願いします。 業務の中で、同じCompnentをいくつのデバイス画面に使うことが多いでしょう。特にデザインシステムの適用拡大によって、もっとフレキシブルなCompnentレスポンシブ対応が要求されている。なので、今回はfigmaで可変するComponentの作り方を紹介します。 みまさんご存知通り、figmaでは要素の組み方が三つの種類があります。それはGroup、Frame、Aut

          Shannen
        • 固定された記事

        Design Systemを学びたいデザイナーへ

        Shannen