DSF tools
Our team uses the following libraries for rapid design, development, prototyping and testing. We’ve made them available for you to use in your projects as you see fit.
Design and prototyping libraries
Figma library
The Figma library has been created to rapidly create designs and prototypes the gov.cy way.
Get the latest Figma library (opens in new tab) and use the design elements to built your designs and prototypes.
Excalidraw library
The Excalidraw library (opens in new tab) has been created to create rapid wireframes and sketches.
You can add directly to excalidraw (opens in new tab) or download it.
Tools and packages
Our team uses the following tools and packages for rapid prototyping, development and testing.
govcy Frontend Renderer (npm)
The govcy Frontend Renderer package (opens in new tab) is used to to render HTML for gov.cy elements, as they are defined in the Unified Design System, using njk or json templates.
This package is explained in the blog post Building consistent government interfaces with Govcy Frontend Renderer (opens in new tab) and the project’s readme file.
govcy Express Services (npm)
The govcy Express Services package (opens in new tab) is a Node.js / Express-based development framework for building government online services. It’s designed specifically for linear services, the kind that guide users through a series of questions, validate their answers, and submit the data to back-end systems.
This package is explained in the blog post Building government services faster with Express Services (opens in new tab) and the project’s readme file.
govcy Frontend Prototype
The govcy Frontend Prototype (opens in new tab) is used to to build prototypes of gov.cy services and websites based on the Unified Design System.
More details and instructions how to use it, are included in the readme file.
gov.cy UDS Checker browser extension
The gov.cy UDS Checker browser extension (opens in new tab) helps designers and developers make sure that every online service or content page follows the official gov.cy Unified Design System (UDS) and Page Template standards. Note that the checker does not substitute the DSF assurance process and it does not perform all possible checks required by DSF.
More details and instructions how to use it, are included in the readme file.
dsf Email Templates (npm)
The dsf Email Templates package (opens in new tab) is used to create HTML emails templates.
You can read more on our guide on HTML emails. More details and instructions how to use the NPM package, are included in the readme file.