<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b4d7003-734f-49e1-b50d-5ada0c4c23d8/Twitter_Logo_Blue.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b4d7003-734f-49e1-b50d-5ada0c4c23d8/Twitter_Logo_Blue.png" width="40px" /> Twitterアカウント dailywebtech でツイートするためのメモです。 下に行くほど新しい情報です。
</aside>
https://uxdesign.cc/how-we-migrated-our-design-team-to-figma-42f7c15892ff
デザインチームの使用ツールをFigmaに乗り換えた話。Figmaはカバーする範囲は広いので、今まで使っていたいくつかのツールをキャンセルし、Figma、Principal、Miroに絞ることでコストダウンになったとのこと。
https://www.foundationsketch.com/
フレームワークにFoundationを使っている人には便利な、Foundationのグリッドやコンポーネントが揃ったSketch用のUIキット。
https://yuheiy.com/20210127-prefer-margin-top
非常に納得できる内容だった。カード型コンポーネントが横並びになったときに、テキストの長さが違ってもボタンを下部に揃える方法も参考になります。
https://www.figma.com/community/file/932988441106466941
Figma用のベクターベースのモックアップのライブラリ。iPhone、Galaxy、Apple Watch、iMac、MacBookなどのデバイスとSafari、Chromeのブラウザウィンドウも。
ローカル環境（macOS、Windows）にWordPressを構築するフリーのツール。自社の有料ホスティングサービスに誘導するために、ローカル環境構築ツールを無料で提供している。
https://www.aleksandrhovhannisyan.com/blog/svg-tutorial-how-to-code-svg-icons-by-hand/
SVGアイコンをコーディングする方法を詳しく解説しています。
