Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design from the realm of open-source
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Shodipo Ayomide
April 16, 2020
Technology
60
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design from the realm of open-source
Design from the realm of open-source talk delivered at FutureSync Conference UK 2020,
Shodipo Ayomide
April 16, 2020
More Decks by Shodipo Ayomide
See All by Shodipo Ayomide
SINFO Keynote - Technical Principles of Developer Experience (DX)
developerayo
0
59
MautiCon - The Ideal Community Model: Lessons Learned
developerayo
0
79
Global Accessibility: The Future is Open - unStack Keynote
developerayo
0
68
Fast and Furious with VueJS & WebPack
developerayo
0
120
Automate Workflow processes using GitHub Actions
developerayo
0
130
Building A React App With Web And Mobile In Mind
developerayo
1
110
Design From The Realm of Open-Source
developerayo
0
74
Design From The Dimension of Open-Source - Shodipo Ayomide - React Finland
developerayo
0
89
Optimizing for Super Sonic Speed in Vue.js & Gridsome
developerayo
0
340
Other Decks in Technology
See All in Technology
DMMブックスのNext.js化を加速させるAI活用 / Migrating DMM Books to Next.js with AI
kentarom
1
330
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
270
Bet AI Day 2026丨Production-Ready AI Agents — エンタープライズの実務を任せるための設計と運用
layerx
PRO
3
2k
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
720
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
databricksjapan
PRO
0
340
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
riiimparm
3
930
AIで開発は速くなったのに、なぜ現場は楽にならないのか 〜あなたの組織のボトルネックを突き止めるワークショップ〜
jacopen
1
260
Does an AI Watermark Survive Translation?
machinetranslation
0
520
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
nikkei_engineer_recruiting
0
190
When Token Pruning is Worse than Random: Understanding Visual Token Information in VLLMs
sansantech
PRO
0
250
Benchmarking Vector Databases: pgvector vs. LanceDB
tsho
0
140
Claude Codeで開発以外の業務も爆速化しよう!
minorun365
PRO
12
9.6k
Featured
See All Featured
Skip the Path - Find Your Career Trail
mkilby
1
220
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
440
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
680
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
590
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.6k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
230
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
The Curse of the Amulet
leimatthew05
2
14k
Transcript
Design From The Realm of Open-Source Open Source Is the
New Sauce - Abati Adewale Shodipo Ayomide | FutureSync Conference UK 2020
I DO OPEN SOURCE @developerayo
I DO OPEN SOURCE @developerayo
Developer Advocate and Community Evangelist unStack Africa Developers Circles Lagos
from Facebook React.js Lagos Open Source Community Africa AfricaHacks
MEDIA DEVELOPER EXPERT AT CLOUDINARY & TECHNICAL INSTRUTOR AT EGGHEAD.IO
Let’s get cooking
Designers can’t get less creative, the more you produce design
assets the more creative you get overtime #experience
The Problem
It’s quite hard to find a single designer who contribute
to open- source efficiently.
Contributing to open-source as a Designer, starting out can be
intimidating and confusing based on the level of features you see already prepared with little or no documentation for designers
The ideology of designers not needed in open-source, but just
make it work.
The Solution
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
Tools: Developers/companies need to create more tools to help aid
designers contribute to open- source.
Designers need to understand how to communicate with Developers and
Developers have to understand how to communicate with Designers
Getting started with OSS
Open-Source in a nutshell is a free software built by
the community for the community with improvements shared across different technical talents.
The Web has been open- source since `View Page Source`
How can a designer begin contributing to open-source?
The GitHub issue tab is the best place to start
out.
Evaluate a chosen project’s workflow, Client end usability, colour combination
and every design related component
Never start a feature without consulting one of the project
authors, if its a valid add and how it can also be improved
Coming up with alternative design patterns, but raising an issue
in relation to why, how and timeline
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.
Crappy things some engineers say about design.
Design is an ideology not a professional profession.
Design is the Personality of your project, it needs to
speak - @developerayo @developerayo_ at #FutureSync20 Screenshot & Tweet This:
If the end product is quality software, why can't designers
code?
Design is one of the most significant department while building
a startup product and also working on an open- source project.
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.
DEMO
Version Control `design history` & Something like Git for Designers,
Being able to push designs between design tools with ease.
Designing for multiple devices/ responsiveness.
Start Writing Documentations for other designers to see and follow
along It’s a trend someone has to start
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 at #FutureSync20 Screenshot & Tweet This:
TOOLS
•Figma •Adobe XD •Sketch DESIGN
•InVision Studio •Adobe XD •Origami Studio: •Sketch •Webflow •Framer •Zeplin
PROTOTYPING
•Zeplin •Slack •Figma •InVision DISCUSSIONS AND COLLABORATIONS
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
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/
Thank You Questions? Ask & Follow me on Twitter and
GitHub @developerayo_ Shodipo Ayomide | FutureSync Conference UK 2020