Commit c6e8a275 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Design kit is now "Figma design resources"`

As discussed with @cindyebi
parent d0cad76f
Pipeline #211162 passed with stages
in 9 minutes and 9 seconds
......@@ -12,11 +12,11 @@ module.exports = {
buildTime: DateTime.fromISO(new Date().toISOString()),
// vfVersion: global.vfVersion,
// use this when NOT tagging a release
// vfVersion: "develop",
// vfVersionPrefix: "dev.",
vfVersion: "develop",
vfVersionPrefix: "dev.",
// use this when tagging a release
vfVersion: "v2.5.3",
vfVersionPrefix: "",
// vfVersion: "v2.5.3",
// vfVersionPrefix: "",
sections: {
about: {
url: "/about",
......
......@@ -2,9 +2,9 @@
is_index: false
promoted: true
hideSubPosts: true
title: Design kit
title: Figma design resources
subtitle: Use Figma software to design and collaborate on ideas without using code.
intro: The Visual Framework's team is actively developing a design kit that can be used by non-technical persons to create mockups and layouts.
intro: The Visual Framework's team is actively developing a design resources that can be used by non-technical persons to create mockups and layouts.
date: 2020-12-14 18:24:50
section: building
order: 5
......@@ -37,9 +37,9 @@ templateEngineOverride: njk
{% markdown %}
The design kit uses [Figma](https://www.figma.com/), which requires no installation and can be used from the web.
The design resources use [Figma](https://www.figma.com/), which requires no installation and can be used from the web.
<a href="https://www.figma.com/file/3bkXbDDIFkIH8fMEdbCGvY/Design-Library?node-id=373%3A2" class="vf-button vf-button--primary">View the kit</a>
<a href="https://www.figma.com/file/3bkXbDDIFkIH8fMEdbCGvY/Design-Library?node-id=373%3A2" class="vf-button vf-button--primary">View the Figma design resources</a>
{% endmarkdown %}
......
......@@ -105,7 +105,7 @@ templateEngineOverride: njk
<div class="vf-content">
{% markdown %}
With an agreed concept, reference designs should be made in Figma (to be used with the [Design Kit](/design-kit/)).
With an agreed concept, reference designs should be made in Figma (to be used with the [Figma design resources](/design-kit/)).
The design and technical implementation are an asynchronous process and both code and visuals will often need to be adapted as the other evolves. But, in an ideal world, each component implementation begins with a fully designed reference.
......@@ -195,7 +195,7 @@ templateEngineOverride: njk
<details class="vf-details">
<summary class="vf-details--summary">Visual design and design tokens</summary>
The visual design of the Visual Framework is done in [the Design kit](/design-kit/) and visuals can be created or revised as part of the parent issue for a ticket.
The visual design of the Visual Framework is done in [with the Figma design resources](/design-kit/) and visuals can be created or revised as part of the parent issue for a ticket.
The design decisions of spacing, colours, branding, typography and the like are stored in the Visual Framework's [Design tokens](/design-tokens/) and accessible to your code through the mixins in the [Sass config and templates component](/components/vf-sass-config/); some common examples: `color: set-color(vf-ui-color--black);` and `@include set-type(text-body--3);`
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment