First 'Internal Friday'
100 Days in a Row
Third Lunation
Second Successful Lunation
First Successful Lunation
Made the journal public
📐

Design System Starter Kit

Build a library of flexible and un-styled components to start or supplement design system projects. Anyone can jump in the file below
229 entries
Started Apr 30, 2020
norton

Keep writing the description

A Figma-first component library to kickstart or supplement design system projects.

The starter kit should be

- Minimal
- Flexible
- Systematic

Concrete goals

- Compact layer lists and layer names
- Don’t use the layer list to change state
- Build for instance swapping
- Use pages and frames to create related instances
- Use the tool—not shared context—to enforce convention
- Auto Layout, guides, text cse
- Create a library, not a framework. More context

Write the description

DSSK is a Figma-first component library to start or supplement

Concrete goals

- Compact layer lists and layer names
- Build for instance swapping
- Use the tool—not shared context—to enforce convention
- Create a library, not a framework. More context

Grid Buddy

/* Grid Budddy

Notation examples
  cols3 gutter0 margin0
    c3 g0 m0
  grid64
  
*/

let defaultGrid = {
  pattern: "COLUMNS",
  visible: true,
  color: {
    r:1,
    g:0,
    b:0,
    a:0.10000000149011612
  },
  gutterSize: 0,
  alignment: "STRETCH",
  count: 1,
  offset: 0,
}
00:00
norton
norton Design System Starter Kit