Figma Modal

Figma Modal Component

The modal component is a floating window that overlays the current screen, focusing user attention on specific content or actions related to their current task.

The content behind the modal dialog is inactive, meaning that users cannot interact with it while the dialog is persistent.

Modal UI Best Practices

• Use modals sparingly for important information to avoid disrupting user work;

• Always keep modals' content condensed and relevant to the user's current actions;

• Provide a clear exit option and support keyboard navigation for every modal.

Modals Anatomy