Design Systems

Created by Vlad Georgescu, Design Advisor at Stealth Startup
1440 People have this badge

What everyone's up to

Started 6 days ago
Added a new design system component
Designing a style guide
With a small team in Lemonero we have a lot of upcoming for the year 2022. We are going to develop our partner's first Design system. 

The approach of this Design System:
- Able to easily start cooperation with a new partner
- Easier workflow between teams 
- Naming and workflow stability
Lead a Product Design team
Built a product design team
Hired a UX Researcher
Creating design system documentation
+ 2
Over 2020-2021 I scaled Withings' Product Design team from 2 to 6 members.

In addition to designing team rituals and discovery to delivery processes, this also meant laying the groundwork for our multi-platform design system Remedy (Apps, Web, Emails, Embedded software) fostering accessibility and inclusion principles. 

We also changed Withings' product development culture by creating UX Research processes before getting approval to hire a dedicated researcher. 

I am beyond grateful for this talented team and learn from them everyday. 
Lead Product Designer, Withings
Added a new design system component
Released a new date picker component for the Graphite Design System: https://graphitedesignsystem.com/components/date-picker/
Senior Frontend Developer & Scrum Master, PAQT.com
Creating design system documentation
Pitched for a new/revamp Design Language System and got approved 🥳 
May 31, 2019
Helped promoting women in tech
Learnt html
Learnt CSS
Creating design system documentation
+ 2

<Girls4Tech>


Introduction to programming
Girls 4 Tech was born from a partnership between EBANX and Junior Achievement, in 2018, with two main purposes: sharing knowledge and arousing interest in programming for women. Based on video lessons taught by EBANX developers, with evaluations, support materials and a forum for debates among the students, the online course was offered through an online platform, on demand and is divided into 3 modules.

Module 1 - Introduction:
  • Brief history of women in computing
  • Why learn programming?
  • How a web page works; Short story about HTML and CSS; HTML and CSS concept

Module 2 - HTML: Introduction - Structure:
  • What is HTML? What is a TAG? Initial structure of an HTML file
  • Adding elements:
    • What is TAG HEAD?; Operation of TAG Title; Operation of the TAG META; What is DOCTYPE?; What is TAG BODY?; How to add titles to a page (TAGS H1, H2, H3); How to add paragraphs to a page (TAG P); Formatting TAGS; How to make text bold (TAGS B/STRONG); How to make text in italics (TAGS I/EM); How to make text big and small (TAGS SMALL/BIG); How to make text highlighted (TAG MARK); Example of opening and closing tags (correct and wrong example)
  • Adding links and images:
    • How does the TAG IMG work; Attributes of TAG; Alt, Title, SRC; How does TAG A work?; Attributes: HREF; TARGET 
  • Adding Lists:
    • Ordered lists (TAG OL); Unordered Lists (TAG UL)
    • Definition lists (TAG DL)
  • Positioning of elements:
    • Flex; How to add tables (TAG Table); TR; TD; THEAD; TBODY; TFOOT
  • Table attributes:
    • Colspan; Rowspan; Alignment; Border

Module 3 - CSS:
  • What is CSS?; Initial structure of a CSS 
  • Selection attributes:
    • Class; ID; Elements; Cascading selection. 
  • CSS and HTML:
    • Inline CSS; External CSS; Internal CSS 
  • CSS Properties:
  • How to change font type; How to change font size; How to change font weight; How to change line spacing; How to change font color; How to change text alignment
  • CSS Properties in DIVS:
    • What is a DIV?; Width/height; Margin; Padding; Background-color; Border
  • Image manipulation:
    • How to add filters
  • How to Rotate CSS Images in Links:
  • Properties; Link; Visited; Hover; Active; How to change the cursor
Oct 31, 2020
Built a Design System
Completed a bootcamp
Documented a design for hand-off
Design Operations
Streamlined accessibility processes
Creating design system documentation
Mind was blown
+ 5
I participated in the pilot class of the Design System & Ops course, at Meiuca. It's always good to improve your knowledge and even more when you identify with the course's methodology, because of the passion for design and the sparkle in your eyes when it comes to design system. Using Airbnb DS as a reference, I was able to learn more deeply some steps to analyze during modules:

  • Concepts, principles and Setups
  • Discovery
  • Design & Development
  • Hand-off
  • Design Ops: Documentation & Governance

There's one thing in common with building digital products: they need to scale consistently to deliver the best experience and put as little effort as possible into optimizing resources in the operation.

For that to happen, design and development need to design in concert. This need changed the profile of designers, who were focused on technique. Today designers need to look more at processes. Understanding how all this works is a requirement for anyone who wants to be an indispensable designer in the technology environment.
Loading...