A resource to help teams show the interaction design of services.
You create a copy of this Figma file by either:
- Creating a copy from the Figma community file
- Downloading the Figma '.fig' file from this repository
For a detailed introduction to this resource you can read my blog post: GOV.UK Design System Flow Diagrams for Figma.
-
Once you have created a copy of the Figma file, rename it and create a new 'page' within Figma.
-
Draw a frame for your flow diagram (You can resize later if you need more space).
-
Open the 'resources' menu (SHIFT + I)
-
Choose 'Flow components'
-
Then choose a component to add to your frame. Clicking it will add it.
-
Finally you can change the content of the component by finding the component property inspector panel (typically on the right side of your Figma window).
Changing the 'Page type' will show or hide properties you can change.
Repeat this process for other components and use the arrow component to connect them.
This is a community resource - The GOV.UK Design System team are not responsible for this resource and they cannot support you with using it.
If you have questions or need support you can add an issue to this repository and I will respond as soon as I can.