Fatuma Abdullahiblog.hijabicoder.dev·Feb 5, 2025Next Steps: Seeking New Opportunities in Frontend, Design Systems, and DXOver the last couple of months, I have been working on migrating Wikimedia’s design system, Codex, to Penpot. So far, I’ve successfully recreated over 1,000 components and variants, and I’m about to start the final phase - piloting the new library an...11 likes·38 readsjobsearch
Mike Millerblog.figmayo.com·Jan 23, 2025Developer Hand-off With FigMayoWe upgraded our inspector! The new version massively levels up our game and now offers a complete view of the anatomy of your designs. It functions great for design system elements but is equally useful to pick apart fully composed, customer facing s...60 readsfigma
Fatuma Abdullahiblog.hijabicoder.dev·Jan 17, 2025Taking Apart and Putting Together Wikimedia's Design SystemIt’s been over a month since I started working on moving Codex, Wikimedia’s design system, from Figma to Penpot. In that time, I have come to appreciate the intricacies involved in building world-class design systems. What even is a Design System? A ...11 likes·47 readsDesign Systems
Mike Millerblog.figmayo.com·Jan 15, 2025The Small Team’s Guide to Design System DocumentationBalancing time, resources, and quality is a constant challenge for smaller teams. We see you. You’re passionate about building great products, but limited bandwidth means keeping on top of documentation feels like an insurmountable problem. Its our g...33 readsDesign Systems
Sasha Zisasha-zi.hashnode.dev·Jan 11, 2025Building Design System automation with Figma as a sourceBuilding a scalable design system is a significant undertaking. Throughout the process, we addressed key challenges like team alignment, collaboration, and consistency. I've documented our journey in a two-part series:1️⃣ Tackling initial challenges ...Figma to Code
Mike Millerblog.figmayo.com·Jan 8, 2025How to Sync Figma Variables with FigMayo EffortlesslyThe Christmas break gave us a bit of breathing room to think about sharing the internal tools we have developed over the last year to complement FigMayo. We wanted to start the new year by addressing a hot potato - how to keep design tokens in sync b...39 readsfigma
Awais Ahmadblog.itsahmadawais.com·Jan 4, 2025Tokenization with React.js: Creating Scalable Design Systems for Modern ApplicationsCreating scalable, maintainable, and efficient applications is a core goal in today's web development landscape. With the rise of design systems, developers need a robust method to manage design elements that work seamlessly across various platforms....React
Fatuma Abdullahiblog.hijabicoder.dev·Dec 18, 2024An Outreachy Chapter BeginsHi 👋 , my name is Fatuma Abdullahi. I’m a front-end developer, accessibility advocate, FreeCodeCamp author, and recently, a Product Design contractor at Wikimedia. If you are wondering how that is, the answer is Outreachy. Outreachy is a non-profit ...20 likes·63 readsoutreachy
Apoorva VforBuilder.iobuilderio.hashnode.dev·Dec 9, 2024Figma Components: Supercharge Your Design SystemUpdating the same UI components across hundreds of screens is a pain. But there's a better way - Figma components make updating design elements as easy as changing one master copy. Let's dig into how components work and how to use them effectively. W...figma
Homer Gaines, CPACCrightbadcode.com·Dec 7, 2024Explaining Design Systems to a GolferI was out “playing” golf with my Pops, and we hit the subject of work and side projects. He's aware of the work that I do regarding accessibility, but he's not as familiar with the details of Design Systems. He's both business and tech-savvy, but kno...182 readsa11y
