Figmaでアイコンライブラリ作成 + Figma API を利用してSVG化も

はじめに Figma は Webサイトやアプリにおける UIデザイン、プロトタイプツールで、2022年7月に日本語対応するなど、現在非常に勢いを見せている 筆者も前々職・前職での自社サービス開発や、業務委託での受託Webサイト制作において、デザインツールとして活用している Figma にはコンポーネント、テキストスタイル、オートレイアウトなどの便利な機能があるが、活用するかどうかは社内の文化やスキル、やる気次第なこともある 具体例を持って便利機能の活用方法を紹介することで、デザイナーにもコーダー(エンジニア)にもどちらにも嬉しい制作を行うチームが増えると、とても嬉しい 今回は、Webサイトやアプリなどで欠かせない「アイコン」の管理方法について紹介していく アイコンライブラリの考え方 アイコンライブラリ(パッケージ)とは、Material Icons や Font Awesome や Ion

[tomoi555]

“おわりに Figma のコンポーネント、ライブラリ機能を利用することで、デザイン運用の効率化が可能になる 受託案件などの再利用性は求められない場面でも、アイコンだけでもライブラリ化しておくと制作スピードが向上