UI/UXデザインpluginsketchic-rootデザイナーの方であればおなじみのデザインツール『Sketch』。最近ではFigmaやXDユーザーも増えていますが、rootではプラグインの豊富さもあり、Sketchがメインツールです。Sketchといえばプラグインを活用し、使いやすいようカスタマイズしている方も多いかと思います。今回はrootで主に利用しているプラグインから、特に便利なものを選びご紹介します。Runnerタスクランナー機能のプラグインです。「cmd」+「‘」のショートカットで立ち上がり、コマンドパレットから手軽にプラグインの実行・インストール、シンボルの選択・作成が可能。Distributor選択したオブジェクト間のマージンを、px指定して統一できるプラグイン。アートボードを等間隔で置いて画面を整理したり、リストや複数のインプットエリアを並べるときなど、大量のオブジェクトを一括で等間隔に置く場合に活用しています。Mixer文字種を指定して混植できるプラグイン。ひらがな、カタカナはHiragino、数字はHelveticaなど設定をすれば一括で変更ができます。symbols重複したシンボルを削除するプラグイン。同じシンボルを使っていたつもりが、気がつくとシンボルがコピーされ、同じシンボルがいくつも並んでいることってありますよね。Sybmolsで一気に整理していきます。Instancesインスタンス側のオブジェクト名(symbol名)を、symbol側のアートボード名(symbol名)に合わせて変更するプラグイン。シンボル名を後から変えたときにこのプラグインがあれば、一括ですべてのアートボードに反映されるので綺麗に整頓できます。Layers選択したフォントやレイヤーと同じスタイルを使っているオブジェクトを全選択するプラグイン。同じスタイルのオブジェクトを一括修正するときに便利です。Sheetシンボルをインスタンス側へ吐き出すプラグイン。全コンポーネントをひとつのアートボードに入れ、PDFやinVisionで共有ができます。ある程度デザインでき、シンボル化するとスタイルガイドを作りたくなると思います。一つひとつシンボルを選択し、アートボードに並べて...だと結構大変ですよね。使えば、シンボルページに溜まったシンボルをインスタンス側に一括で吐き出せます。OrganizerSymbolの並び替えや、使っていないSymbolを削除するプラグイン。横並びに増えて行ってしまったシンボルの自動並び替えと、使っていないシンボルの削除を同時に行ってくれます。並び替えは名前を認識し、関係しそうなものは横や縦に設置。ワンクリックで綺麗に整頓してくれます。Remover使っていないスタイルを洗い出し削除できるプラグイン。途中でスタイルを変更した場合や、同じ設定のスタイルを複製したり、気がつくと同じスタイルを新たに作っていたりする場合などに、管理しやすくしてくれます。以上9個をご紹介しました。Sketchのプラグインは各所で紹介されていますが、rootでも随時新しいものを試しては実践に取り組んでいます。便利なプラグインがあれば、是非当社メンバーにご紹介いただけると嬉しいです。企画から運用・改善までWebサービス・アプリデザインの設計・制作を行うデザインスタジオです。rootでは、デザインのあり方をクライアント企業様とともに模索し様々なプロジェクトをデザインの力によって成長させることをミッションとしています。UI/UXデザインUIデザインがすごい!参考にしたいアプリ・ブラウザサービス5選!今回はユーザーの実際の動きを参考にしたUIデザインやアニメーションをうまく使ったUIなど幅広く選びました。UI/UXデザインWebデザイン制作のために、絶対に質問すべき64のコトクライアントのイメージどおりのページを作るのは、そう簡単なことではありません......。冬休みを使って読書をしよう。いうことでrootでは、年末にメンバー全員で本屋に足を運び、メンバー各々が一年を振り返りつつ思い思いに本を一冊選び、冬休みを使って読書をしました。MOREお問い合わせ新規事業立ち上げやWebサービスの改善でお困りの方はお気軽にご相談ください。課題に応じたデザイン手法をご提案させていただきます。Reservedプライバシーポリシ。