Trizah Nabwire

UI/UX Designer

[Trizah Nabwire @NabwireTrizah]

Dive into the new figma features and storytelling,storyboarding by @fof_nairobi #config2026 #fofnairobi

[... @onunga254]

Figma & Friends 1.0 was such an amazing experience, got to meet and interact with creatives with unique perspectives on UI/UX design, product design and even social media management.

I'm glad to have contributed to its success alongside @TechMadi, @S__Mutembei & @Isack_mwangasu

[Friends of Figma Nairobi @fof_nairobi]

That's a wrap on Figma & Friends 1.0 Nairobi! 🇰🇪✨

Thank you to everyone who showed up, shared, and made the room feel like home. This is what community looks like. 🙌🏾

#FigmaAndFriends #FriendsOfFigmaNairobi

[Friends of Figma Nairobi @fof_nairobi]

If you’re a designer in Nairobi, you’ve felt this: deep in a Figma file at 2AM, stuck, and no one to ask.
We built Figma & Friends for that exact feeling. Come find your people this Friday 🎨
RSVP: https://t.co/2zmT2hBbsj

#figma #NairobiDesign #Figmafriends #UIDesign #UXDesign

[designwithkingsley @desgnwitkinsley]

In UX Design, the way you approach an existing product differs from how you approach a new product.

[Dhanian 🗯️ @e_opore]

Frontend Developer Learning Roadmap

|-- HTML & CSS Fundamentals
| |-- Introduction to HTML
| |-- Semantic HTML Elements
| |-- CSS Basics (Selectors, Properties)
| |-- Box Model, Margin, Padding, Border
| |-- Layout Techniques (Flexbox, Grid)
| |-- Responsive Design & Media Queries
| |-- CSS Preprocessors (SASS, LESS)
| |-- CSS Architecture (BEM, SMACSS)

|-- JavaScript Essentials
| |-- Syntax, Variables, Data Types
| |-- Operators, Expressions
| |-- Control Flow (if-else, switch)
| |-- Loops (for, while, do-while)
| |-- Functions, Arrow Functions
| |-- Scope and Closures
| |-- Error Handling & Debugging

|-- DOM Manipulation & Browser APIs
| |-- Selecting & Modifying Elements
| |-- Event Handling
| |-- Working with Forms & Validations
| |-- Fetch API / AJAX
| |-- Local Storage & Session Storage

|-- Modern JavaScript & Tooling
| |-- ES6+ Features (let/const, spread/rest, destructuring, modules)
| |-- Transpilation (Babel)
| |-- Bundlers (Webpack, Rollup, Parcel)
| |-- Module Systems (ES Modules, CommonJS)

|-- Version Control & Workflow
| |-- Git Basics (commit, branch, merge)
| |-- GitHub / GitLab / Bitbucket
| |-- Pull Requests & Code Reviews
| |-- Continuous Integration Basics

|-- Frontend Frameworks & Libraries
| |-- React / Vue / Angular (choosing one)
| |-- Component Architecture
| |-- State Management (Redux, Vuex, Context API)
| |-- Routing (React Router, Vue Router)
| |-- Hooks / Lifecycle Methods

|-- Styling & UI Design Integration
| |-- Component Styling (CSS Modules, Styled-Components)
| |-- UI Frameworks (Bootstrap, Tailwind, Material UI)
| |-- Accessibility (a11y)
| |-- Cross-Browser Compatibility

|-- Testing & Quality Assurance
| |-- Unit Testing (Jest, Mocha)
| |-- Integration Testing
| |-- End-to-End Testing (Cypress, Selenium)
| |-- Linting & Formatting (ESLint, Prettier)

|-- Performance & Optimization
| |-- Code Splitting & Lazy Loading
| |-- Image Optimization & Lazy Loading
| |-- Minification & Tree Shaking
| |-- Critical Rendering Path & Web Vitals

|-- Build & Deployment
| |-- Package Managers (npm, yarn)
| |-- Build Tools & Scripts
| |-- Static Site Generators / SSR (Next.js, Nuxt.js)
| |-- Deployment Platforms (Netlify, Vercel, GitHub Pages)

|-- Frontend Projects & Portfolio
| |-- Building Small Projects (Landing Pages, Forms)
| |-- Interactive UIs & Widgets
| |-- Real-world Apps (Dashboard, E-Commerce UI)
| |-- Collaborations / Open Source

|-- Learning Resources & Continuous Growth
| |-- Blogs, Tutorials & Courses
| |-- Community & Forums
| |-- Documentation Reading & API Exploration
| |-- Keeping up with Latest Frontend Trends

Grab the Frontend development with Projects Ebook
Link: https://t.co/vPaFCpbeMA

A hands-on ebook that guides you through real projects to build up your frontend skills , combining theory with practical examples so you can create actual working interfaces and boost your portfolio.

[Precious | Tech Babe | UI/UX👩🏽‍💻 @PreciousanizUX]

💡 Design tip: When designing for international users, pay attention to details such a date format, spellings, lingo etc

[Figma @figma]

Updates in Grid:

→ Item swap
→ Gap/padding variables
→ Column editing

[dára sobaloju @darasoba]

12 Beautiful Light Gray Color Hex Codes for Your Minimalistic UI/UX Design:

1. F5F5F5 – Soft, almost white gray
2. EDEDED – Neutral, airy light gray
3. DCDCDC – Gentle, warm light gray
4. E0E0E0 – Balanced, subtle gray
5. F2F2F2 – Elegant, refined light gray
6. D3D3D3 – Classic light gray with a touch of depth
7. FAFAFA – Ultra-light gray, almost white
8. F7F7F7 – Soft, barely-there gray
9. F4F4F4 – Gentle, warm-toned light gray
10. EFEFEF – Smooth and subtle gray
11. F1F1F1 – Balanced, elegant soft gray
12. EBEBEB – Slightly deeper but still soft gray

[Robert Youssef @rryssf]

HuggingFace just dropped 9 free AI courses and they’re insanely good.

LLMs, agents, vision, 3D, audio, gaming all hands-on.

All open-source. All free.

Here’s what’s inside ↓

[Pablo Stanley @pablostanley]

You can now create and publish websites on @figma!

[Figma @figma]

Did you catch them all? Here’s everything we announced at #Config2025

→ Figma Sites
→ CMS in Figma Sites (coming soon)
→ Grid
→ Figma Make
→ Figma Draw
→ Figma Buzz

[Friends of Figma Nairobi @fof_nairobi]

Close that laptop on May 9th , 2025

And Join us for @MicrosoftADC for another night of Design in Nairobi, Kenya

Rsvp : https://t.co/7x6fIAm1eC

[Trizah Nabwire @NabwireTrizah]

Introducing GigsMtaani — a mobile app I designed to connect Kenyans with local, casual gigs around them — no matter their background or education level. Sample Gigs: Mama fua, shamba boy, nanny, trolley guy...
Check out the full case study on Behance:
https://t.co/xPsvsbx09j

[CatherineK @CatherineKiiru]

Visa just open sourced their design system 🔥. So for all nerds who are interested in building complex design systems, this one's for you.

It's also a great way for designers to learn frontend because it's built with React, Angular & Flutter.

https://t.co/ou0EP7CAPO

[Aina @_desaina]

I want to animate my designs. Where should I start?

I'm really bad with motion so I'd love something super easy :)

[Trizah Nabwire @NabwireTrizah]

Do you remember when you joined X? I do! #MyXAnniversary

[UI/UX Savior @UiSavior]

Go to this sites for design inspiration 2025:

1. Awwwards
2. Behance
3. Dribbble
4. SiteInspire
5. UX Archive
6. Mobbin
7. Collect UI
8. Land-book
9. UI Jar
10. Design Vault
11. Refero
12. Pageflows
13. Scrnshts
14. Waveguide
15. GoodUX
16. Dark Mode Design
17. Minimal Gallery
18. Saaspo
19. UI Garage
20. Pinterest
21. One Page Love
22. Hover States
23. Pttrns
24. UXPin
25. Smashing Magazine
26. UX Collective
27. UI Movement
28. Godly
29. Web Designer Depot
30. Designmodo
31. 99designs Discover
32. SaaS Landing Page by Cruip
33. Designspiration
34. Screenlane
35. FigmaCrush
36. Landingfolio
37. Best Website Gallery
38. User Interface Design Patterns
39. UI Recipes
40. UX Library
41. SaaSFrame
42. Flowstep
43. NPM UI Patterns
44. Good UI
45. Admire The Web
46. Abduzeedo
47. Muzli
48. Designer News
49. UX Magazine
50. Boxes and Arrows

[Trizah Nabwire @NabwireTrizah]

@Kai_mwanyumba Thank you Kai

[Trizah Nabwire @NabwireTrizah]

Bsc Computer Science from Rongo University. We are grateful

[Trizah Nabwire @NabwireTrizah]

@coderfpv Thank you