What is Atomic Design? πŸ€”

5 years ago, Brad Frost introduced the concept of atomic design.

In this thread, we'll talk more about this methodology.

A ThreadπŸ‘‡πŸ½ (UX/UI) Image
What is Atomic Design? πŸ‘‡πŸ½ Image
1️⃣ Atoms Image
2️⃣ Molecules Image
3️⃣ Organisms Image
4️⃣ Templates Image
5️⃣ Pages Image
Credit: @Practical.ui on Instagram

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Akorede J. Ayanbisi

Akorede J. Ayanbisi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @AJ_Ayanbisi

5 Jan
✨ 𝟐𝟎𝟐𝟐 πƒπžπ¬π’π π§ π“π«πžπ§ππ¬! πŸ“Œ

8️⃣ Must See 2022 UI/UX & Product Design Trends.

A Thread! πŸ§΅πŸ‘‡πŸΎ Image
1️⃣ - Aurora BGs Image
2️⃣ - Brutalism Image
Read 11 tweets
4 Jan
Dear UX/UI & Product Designers,

Check out these 5 Amazing Figma Tricks. πŸ˜ƒ

A Thread! πŸ‘‡πŸ½
1. Space out navbar icons super fast.
2. Drop multiple images without importing multiple times.
Read 8 tweets
4 Jan
How to collaborate with Developers as a UX/UI & Product Designer.

Without the proper alignment & synergy of the design and the development team, working on a project together can become a nightmare.

Here are tips on how to ease the designer-developer collaboration.

A threadπŸ‘‡πŸ½ Image
1️⃣ - Work together in the early stage of design Image
2️⃣ - Learn how to team up for success Image
Read 8 tweets
3 Jan
20 business terms every UX/UI & Product Designer should know.

Every Designer must know these terms in order to communicate with Clients, Team Leads or Product Managers. πŸ’¬

A thread! πŸ‘‡πŸ½ Image
1. Return Of Investment (ROI)

2. Trade-offs

3. Key Performance Indicator (KPI)

4. Objectives & Key Results (OKR) ImageImage
5. Acquisition

6. Engagement

7. Retention

8. Churn ImageImage
Read 7 tweets
1 Jan
6 Figma Rules To Keep Your Work Clean As A UX/UI & Product Designers.

A Thread! πŸ‘‡πŸ½
1. Add a cover photo to your Figma files.
2. Give names to all pages systematically.
Read 8 tweets
30 Dec 21
Rules of Clean Design every UX/UI & Product Designer should know.

A Thread! πŸ‘‡πŸ½ Image
1. Use simple fonts in your designs. Image
2. Give adequate whitespacing. Image
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(