オートレイアウト

今回は、ボタンやカードなどの要素を規則的に並べるレイアウトを簡単に作成できる機能のオートレイアウトについて説明します。 要素をオートレイアウト化する オートレイアウトフレームを作成する オートレイアウト化したい要素を複数...

コンポーネント

Figmaのコンポーネント機能は、デザインパーツを効率的に管理・更新できる便利な機能です。ボタンやカードなどのパーツをコンポーネントとして作成しておけば、色やサイズを変更したり、新しいバリエーションを作成したりといった操作を、一括で簡単に行う...

書き出し

Figmaでは、作成したデザインを様々な形式で書き出すことができます。書き出し形式としては、PNG、JPEG、SVG、PDFなどが一般的です。 書き出し方法は、以下の手順で行います。 デザインを書き出す 書き出したい要素を選択するまず、...

共有

Figmaは、複数のユーザーが同時に同じデザインファイルを編集できるリアルタイムコラボレーション機能を提供します。これにより、デザイナー、開発者、クライアントなどがリアルタイムでフィードバックを共有し、変更を即座に確認することができます。...

プロトタイプ

Figmaのプロトタイプ機能を使って、実際の動きに近いデザインをシミュレートすることができます。ここでは、フレーム間の遷移とボタンのホバーアニメーションの作り方について説明します。 フレーム間の遷移 遷移元と遷移先を作成遷移元と...