Hacker News·31wReshaped is now open-source
Reshaped, a design system that bridges React components and Figma libraries, has become fully open source after five years of paid development. The creator initially built it to solve the 80% of common web design patterns while providing flexibility for custom solutions. After making the React package free two years ago, both the React library source code and Figma library are now publicly available on GitHub and Figma Community respectively.
UX Planet·29w7 UX Skills that will be DEAD by 2026: AI will replace them
Seven traditional UX design skills are predicted to become obsolete by 2026 due to AI automation and changing industry demands. Static wireframing in Figma is being replaced by interactive prototypes built with AI-powered tools like Replit and Lovable. Manual handoffs to developers are giving way to design-to-code workflows that generate functional components. Traditional usability testing is being supplemented by AI-driven analysis and hybrid testing systems. The shift moves away from designing for average users toward adaptive, personalized experiences, replacing click-based navigation with gesture-first patterns, and emphasizing data-informed decisions over intuition. Modern UX designers must understand business metrics and ROI to remain strategically relevant.
Atlassian·31wBehind the screens: Building Atlassian’s new icon system
Atlassian redesigned their entire icon system after six years, moving from 350+ inconsistent icons to a unified system with thinner strokes, consistent sizing, and better visual harmony. The project included building Icon Lab for team contributions, creating automated migration tools, and establishing clear naming conventions. Over 275 new icons have been contributed, with migration tools handling 16,000+ code changes across their products.
Coding in Public·30wRelative colors are HERE!
CSS relative color syntax allows developers to create flexible color systems by defining colors based on existing ones using the 'from' keyword. The syntax supports color space conversion between HSL, OKLCH, and hex values, enabling dynamic color calculations with functions like calc() and clamp(). With 87% browser support as of 2023, this feature helps build more maintainable design systems by allowing relative color adjustments without manual conversion.