Blog post: Visual design workflow at Simplabs

[pichfl]

I want to do a write-up of how we approach the visual part of our design process.

This would include:

• Sketch and add-ons
  • Abstract
  • Runner Pro
  • Symbol Organizer
  • Rename-It
  • Automate Sketch
• Naming conventions inside design files for easier hand-off and communication
  • Atomic design paradigm
  • Modifiers
    • States
    • Variations
    • Screen width
• Asset preparation
  • ImageOptim
  • ImageAlpha
  • SVGO
  • Using <svg> in HTML
• Verifying changes with Percy

Focus would be on the naming conventions which are something I want to formalize to some extend (so it can end up in the design playbook in the future), everything else will be short sections and links.

It could make sense to separate this content into 3-4 smaller posts as part of a series.
Is that something you'd want to see/read? Comments are appreciated.

[marcoow]

I think this is a good idea!