プロトタイプ

FigmaのPrototype機能を利用して画面やUIコンポーネントに対するインタラクションを設定し、画面遷移や表示を変化させるアニメーションを設定する方法を紹介します。


figma-bottom-fixed-sticky-animation-prototype

Figmaでオブジェクトを画面下部に固定して追従させる(プロトタイプ)

2024.06.14
figma-how-to-change-screen-size-on-preview

Figmaのプレビューで画面サイズの縦横比を維持する方法

2024.05.31
figma-overlay-dialog-prototype

Figmaでダイアログをオーバーレイで表示させる(プロトタイプ)

2024.01.26
figma-how-to-setting-prototype-with-mockup

Figmaでモックアップ付きのプロトタイプを作成する方法

2023.09.01
figma-how-to-setting-scroll

Figmaのプロトタイプのスクロール制御に関する設定

2023.08.04
figma-pull-down-button-prototype

Figmaでクリックするとメニューが開くプルダウンボタン

2023.07.21
figma-header-sticky-animation-prototype

Figmaでヘッダーを画面上部に固定して追従させる(プロトタイプ)

2023.06.02
figma-interactive-components

Figmaで作れるインタラクション付きコンポーネント集

2023.04.14
figma-table-cell-animation-prototype

マウスオーバー・クリックすると罫線スタイルが変わるテーブル(プロトタイプ)

2022.09.03
figma-toggle-switch-with-slide-animation-prototype

スライドするアニメーション付きのスイッチ(プロトタイプ)

2022.04.15
figma-button-with-fill-animation-prototype

Figmaで塗りが円形に広がるアニメーションのボタン(プロトタイプ)

2022.03.11