Slide 1

Slide 1 text

Design From The Realm of Open-Source Open Source Is the New Sauce - Abati Adewale Shodipo Ayomide | React Finland Conference, Helsinki 2020

Slide 2

Slide 2 text

I DO OPEN SOURCE @developerayo

Slide 3

Slide 3 text

GITHUB STAR @developerayo

Slide 4

Slide 4 text

Senior Developer Advocate & Developer Program Manager unStack Africa Developers Circles Lagos from Facebook React.js Lagos Open Source Community Africa AfricaHacks

Slide 5

Slide 5 text

Let’s get cooking

Slide 6

Slide 6 text

Designers can’t get less creative, the more you produce design assets the more creative you get overtime #experience

Slide 7

Slide 7 text

The Problem

Slide 8

Slide 8 text

Starting out with contributing to open-source as a designer can be intimidating and confusing based on the level of features you see already prepared with little or no documentation for designers.

Slide 9

Slide 9 text

The ideology of designers not needed in open-source, but just make it work.

Slide 10

Slide 10 text

The Solution

Slide 11

Slide 11 text

Resources: tailored towards how to contribute to open-source as a designer. Thanks to Open Source Design, Open Source Initiative and others creating design related content in relation to Open Source

Slide 12

Slide 12 text

Conferences: tailored towards open source for designers on a large scale, like what is happening right now.

Slide 13

Slide 13 text

Tools: Developers/companies needs to create more tools to help aid designers contribute to open- source effectively.

Slide 14

Slide 14 text

Designers need to understand how to communicate with Developers and Developers have to understand how to communicate with Designers

Slide 15

Slide 15 text

Getting started with OSS

Slide 16

Slide 16 text

Open-Source in a nutshell is a free software built by the community for the community with improvements shared across different technical talents.

Slide 17

Slide 17 text

The Web has been open- source since `View Page Source`

Slide 18

Slide 18 text

How can a designer begin contributing to open-source?

Slide 19

Slide 19 text

The GitHub issue tab is the best place to start out.

Slide 20

Slide 20 text

Evaluate a chosen project’s workflow, user experience, colour combination and every component.

Slide 21

Slide 21 text

Never start a feature without consulting one of the project authors, if its a valid add and how it can also be improved.

Slide 22

Slide 22 text

Coming up with alternative design patterns, but raising an issue in relation to why, how and timeline.

Slide 23

Slide 23 text

Prototype your designs properly if you are contributing to an OS project where they careless about design so as to convince them of how this feature is supposed to work and not the way it currently works.

Slide 24

Slide 24 text

Crappy things some engineers say about design.

Slide 25

Slide 25 text

Design is an ideology not a professional profession.

Slide 26

Slide 26 text

if the end product is quality software, why can't designers code?

Slide 27

Slide 27 text

Design is one of the most significant department while building a startup product and also working on an open- source project.

Slide 28

Slide 28 text

The Web has been open-source for designers to contribute to using the `Web Inspector` which grants you access to live debugging design in CSS.

Slide 29

Slide 29 text

Version Control `design history` & Something like Git for Designers, Being able to push designs between design tools with ease.

Slide 30

Slide 30 text

Designing for multiple devices/ responsiveness if you really want to convince them.

Slide 31

Slide 31 text

Start Writing Documentations for other designers to see and follow along It’s a trend someone has to start

Slide 32

Slide 32 text

Someone didn’t start because they believed someone else would, at the end, no one end’s up starting until a couple of years later. @developerayo Screenshot & Tweet This:

Slide 33

Slide 33 text

TOOLS

Slide 34

Slide 34 text

•Figma Adobe XD Sketch DESIGN

Slide 35

Slide 35 text

•InVision Studio Adobe XD Origami Studio: Sketch Webflow Framer Zeplin Flowmapp PROTOTYPING

Slide 36

Slide 36 text

•Zeplin Slack Figma InVision DISCUSSIONS AND COLLABORATIONS

Slide 37

Slide 37 text

Resources where not openly distributed as it is today, we have people writing, creating video content, runnings workshops, conference talks, writing research articles and lot’s more Today is the best time to start contributing to open source as a designer and I believe you should start now => GitHub.com

Slide 38

Slide 38 text

Some Resources https://opensource.org/ https://opensourcedesign.net/ https://www.oscafrica.org/ https://itsfoss.com/ https://opensource.facebook.com/ https://opensource.google/ https://opensource.microsoft.com/ https://opensource.twitter.com/

Slide 39

Slide 39 text

Thank You Question? Ask & Follow me on Twitter and GitHub @developerayo Shodipo Ayomide | React Finland Conference, Helsinki 2020