Atomic design library in sketch



notes for Atomic design library in sketch:

create the colors

create lots of square with different colors on the right side: shared style -> create

create the buttons

draw rectangle, give it color bg from shared style "colors" draw text field on top with white font select both, create symbol and name it: ui/button/primary go into symbols page select rectangle (without text), make it symbol again! then create for all the colors! leave the symbols page and find the dropdown to switch colors in right side :D to delete some: shared styles -> organise shared styles

src

https://medium.com/sketch-app-sources/lets-start-a-sketch-library-12a7882faeb0



Tags:
Veröffentlicht: 12.2017