DEV Community

Cover image for My first task as an intern and what I learned from the Design system

My first task as an intern and what I learned from the Design system

jun on March 01, 2020

Working in the design-system(DS) project was my first task when I join in Piktochart as a front-end intern. Before I heard anything about it, I tho...
Collapse
 
brunnerlivio profile image
Livio Brunner

Good job on the article, I really enjoyed it!
I am a product owner for a UI Kit library which is based off our internal DS - and I’ve always struggle with the specification and communication with UX designers. They usually have a masters degree in psychology, but no clue in software development and therefore are missing fundamental concepts. Do you have similar problems?

Collapse
 
junlow profile image
jun • Edited

Thank you! I'm glad that you enjoyed reading it :)
Yes, we have a similar issue between designers and developers. What we did was conducting an alignment meeting or workshop. For example, as developers, we prefer to use blue-100, blue-200 and so on to keep our codebase reusable and clean rather than come out with different own colors from designers.

Collapse
 
brunnerlivio profile image
Livio Brunner

Thank you for your response. Oh yes, the coloring system was a drag at our company too. I guess we all have similar struggles on that topic - but a DS can at least help us to communicate (once it is established). Good luck with your internship & have fun :) Looking forward for more articles from you!

Collapse
 
tyrannaut profile image
Tim Ryan

A fascinating read; thanks for putting this together. Some very excellent ideas and tools to learn, use and reference, especially when dealing with bigger clients.

Collapse
 
vorozhko profile image
Iaroslav Vorozhko

Great article!
Could you please share what kind of work you involved in the day to day tasks?
Like design in sketch or other tools, html markup, etc.

Collapse
 
junlow profile image
jun

Thanks! Usually building the elements in Vue.js but also following bootstrap standard to organise our code. I didn't design in sketch, I just take the UI mockup to build it.