Figma

開発・デザイン

【Figma】コメントノートを使ったら、画面が見やすくなりステータス管理しやすくなった

Figmaのコメント機能はバルーンのポップアップ表示なので一覧性に乏しい。Figmaのコメントノートは、コメントの一覧性を保ちながら、タイムスタンプやステータス管理もできるシンプルかつ優れた機能。また、コメントのデザインも可愛くて使いやすい。
開発・デザイン

【アプリ】iOSスクリーンショット用のグリッド投稿をFigmaで作成

iPhoneスクリーンショットは、全てのiPhoneのディスプレイサイズで画像を用意する必要はなく、アプリの UI が複数のデバイス サイズとローカリゼーションで同じである場合は、必要な最高解像度のスクリーンショットを提供するだけで良い。
開発・デザイン

【Figma】オートレイアウトで、アイコン非表示の際にズレないようにする方法

Figmaのオートレイアウトは、要素間の距離を自動的に調整し、デザインの一貫性を保ちながら柔軟にレイアウトを管理できる機能。ナビゲーションバーのデザインにおいてアイコンを非表示にするとタイトルが中央からずれる問題とその解決方法について解説。
開発・デザイン

【ChatGPT × Figma】html.to.designとGPTで、編集可能なモックアップを作成。手書きも可能?

ChatGPTのプロンプトで、Bootstrap風のHTMLファイルを作成してローカル環境で表示。Figmaのプラグイン「html.to.design」を活用してHTMLファイルから修正可能な状態でモックアップとしてFigmaに取り込むことができる。