Skip to content

Design system

Modal

Last updated 15 January 2026

If you're looking to utilise a customisable pop-up window, this is what you're looking for. You can add almost everything inside your Insites Modal from text, image and even forms.

Requirements

To use these components in Figma, install the latest Insites font icons.

  1. Download the Insites icon font.
  2. Install the font file on your computer.
  3. Restart Figma so the font shows in your font list.

To change an icon, copy it from the font icons list and paste it into the icon layer of the component.

Figma Component Variant Properties

Modal

Properties Options Notes
Show Buttons True, False Toggle to show or hide buttons for the modal component.
Show Secondary Button True, False Toggle to show or hide the secondary button for the modal component. This is only available if Show Buttons is true.