Designing UI in Sketch
Sundae Club often designs admin and marketing UI in Sketch on macOS before touching Rails. That workflow keeps spacing, typography, and component structure deliberate instead of improvising in the browser.
Streams walk through Sketch fundamentals—artboards, symbols, and form controls—then map those screens onto real product flows like onboarding, organization settings, and event management. The interesting handoff is when a symbol in Sketch becomes a ViewComponent in the app, so design decisions survive implementation.
These clips are a practical path from blank canvas to components in code: explore layout in Sketch, refine symbols for responsiveness, and mirror the same structure in Rails once the design feels right.
Clips
What Sketch is and how the stream will use it
–
Page layout, header, and footer structure
–
Form controls and symbol values
–
Responsive symbol guidance
–
Designing in Sketch before coding
–
From Sketch symbols to a ViewComponent
–