2021年8月第2週号 1位は,Font AwesomeがデザインツールをFigmaに変えた理由,気になるネタは,Google Nestの新製品、ネットワークカメラとカメラ付きドアホンが2万円台で発売

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年8月2日〜8日の間に見つけた記事のベスト5です。

1. 10 Reasons We Switched to Figma For Icon Design

https://blog.fontawesome.com/figma-for-icon-design/

Font Awesomeがアイコンデザインに使うツールをFigmaに変えた理由を解説しています。

  1. 図形を結合・合成(Illustratorのパスファインダー)したあと再編集できる
  2. ベクトルパスは始点、終点、角ごとに別々の形状を設定できる
  3. フレーム(アートボードと似たもの)にスタイルを設定できて、入れ子にもできる
  4. コンポーネントでデザイン要素の再利用が簡単になる
  5. バリアントによりコンポーネントの別バージョンが作れる
  6. グリッドにスナップする機能が優れている(1/2ピクセル単位でスナップするなど)
  7. 矢印キーでどれだけ移動するか(ナッジの量)をカスタマイズできる
  8. ベクターネットワークは新しいスタンダード
  9. プラグインが新たな機能を追加してくれる
  10. コメント機能で簡単にフィードバックができる

図1 Font AwesomeがデザインツールをFigmaに変えた理由

blog.fontawesome.com_figma-for-icon-design_(webtech_cap).png

2. Using CSS Shapes for Interesting User Controls and Navigation | CSS-Tricks

https://css-tricks.com/using-css-shapes-for-interesting-user-controls-and-navigation/