CSS Nite Shift14 - cremaセッションフォローアップ
cremaこと黒野明子です。

CSS Nite Shift14では、豪華登壇陣の間に挟まった私のショートセッションまでご視聴いただき、誠にありがとうございました!

セッションのスライドは、下記のURLからご覧ください。

また、閲覧のみの権限ですが、デモで使ったFigmaのデータを共有しておきますので、ご興味がありましたらご参照ください。

私事ですが、16年間のフリーランス生活にいったん区切りをつけ、2019年1月から事業会社のインハウスデザイナーとして働き始めたのです。そのことが、私のデザイナーとしての考え方に深く影響を与え、ツールの使い方とともに「お客さまの体験を、どのくらい深く漏れなく考え抜くか」ということにフォーカスしていくきっかけとなりました。

各種のデザインツールのことは「デザイナーの思考時間を確保するための優秀な相棒」ととらえ、「デザインについて思考/企画すること」と「ツールを使いこなすこと」をバランスよく学習していければ良いなと強く思う今日この頃です。

まだまだCOVID-19をめぐる状況が混沌としています。来年は、みんなでオンラインで集ってワークショップや勉強会をできる機会を設けようと思っています。Twitterの@cremaをフォローしていただけましたら、時々そういった情報も投稿しますので、ぜひチェックしてください。

それでは皆さま、どうぞ良いお年をお迎えください!

以下、セッション内で紹介した記事やプラグインのリンク集です。

The UI Stack

  • [How to fix a bad user interface] 今日紹介するThe UI Stackの概念を紹介している記事(英語)

Google Sheets対応プラグイン

Google Sheetsのデータをレイアウトに取り込んでくれるプラグインは、Figma、Sketch、Adobe XDどのツール向けにも開発されています。
  • [Google Sheets Sync] FigmaにGoogle Sheetsのデータを入れてくれるプラグイン
  • [Google-sheets-content-sync-sketch-plugin] Sketch向け
  • [余談]Figma用とSketch用は同じ人が作っています
  • [Google Sheets for Adobe XD] Adobe XD向け

人の顔写真を入れるプラグイン

UIの中にランダムに人の顔を入れてくれるプラグイン「UI Faces」は、Figma、Sketch、Adobe XDすべてのツール向けに開発されています。
  • [UI Faces] Figma用
  • [UI Faces] Sketch用
  • [UI Faces] Adobe XD用

コンテンツ量や内容に応じてレイアウトが変化する機能

コンテンツ量や内容に応じてレイアウトが変化する機能も、Figma、Sketch、Adobe XDすべてのツールに実装されています。名前はそれぞれ異なります。
  • Figma - AutoLayout
  • Sketch - Smart Layout