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

Got an early start but still managed to procrastinate. Getting familiar with a plugin called Smart Text that makes documenting things way easier

1

Tiny start on the typography section. Tiny script to make the layer name and text the name of the text style used

Created an 'Inbox' page to put stuff I want to extract from the day job, but don’t necessarily want in the starter kit

Figma doesn’t let you set individual borders (smh), so I’m faking it with shadows with no blur and saving those as Effect Styles

I misremembered making these correctly. They’re actually not consistent. Gotta fix this before making the script

3

Working on shadows next. This shouldn’t take long. I’m only gonna make 4 levels, 3 of which have already have specific role. And they’re not super complicated or layered.

I think a good shadow is made of 2 shadows
1. A small one to define/outline the shape
2. And a larger, softer one that that has an offset to create some depth

I think the main challenge here is: making it easy for someone to adjust and add steps. I think I could write some simple rules/instructions for doing this manually, then write a script later.

I wrote a script a while back to batch change the color of shadows. I should add to this…

1

Yikes, this is dragging on and on…

I’ve finished the test layers and now I’m gonna leave this alone for at least a few days

00:00
norton
norton Design System Starter Kit