Design systems: Start from where you are
You want to implement a design system at your company, but as you look across your products you feel lost. You think to yourself, “They all look different. How am I supposed to do this?”
Blog
Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 216–227 of 508 posts
Roadblocks to innovation and the key to getting unstuck
Digital transformation is discussed often, but achieved rarely. There are many reasons why an organization might struggle to innovate, especially to innovate fast enough to be first to market.
Align Product Strategy
How to create an animated hero banner in React using Framer Motion
Framer Motion is an animation library for React. You use it to add performant animation to your React components without writing any CSS. It can also animate elements as they leave the DOM, which can be a very tricky thing to do by yourself if you're writing animations from scratch.
Frontend Development
DJ
Quality at Speed: The Evolving Role of the Agile Quality Analyst
More and more of us are working from home, buying our goods and services online, and connecting with family and friends electronically. It's predicted that this is the "new" way of life.
Build Engineering Capability
Why POCs Win Over Design Thinking in Creating Digital-First Outcomes
Design Thinking and other problem space tools promise answers, but the ultimate answers need to come from the customer and from the market.
Align Product Strategy
NL
The role of research in Design Systems
Taking a break from the books and joining Rangle in January 2020 as a Marketing Co-Op, was when I first heard about Design Systems. Familiarizing myself on this topic reignited my lifelong passion for design. I thought, with the skills and approaches taught during my post-secondary studies, can be leveraged and used to illustrate the role of theoretical research into creating an effective Design System, which can mitigate various design issues later on.
Scale Design
Van Gogh, InVision Design System Manager and a new NPM package
Last month, Rangle became an InVision Partner and the developers at Rangle leapt at the opportunity to play around with InVision's Design System Manager (DSM).
Scale Design
Everything You Need to Know About Designing Accessible Forms
On the web, forms are the linchpins of ecommerce, social interactions, and most productivity-based applications. Forms are often overlooked. They're that boring part of a website where you fill in your details to get the information you want. Because they've been around for so long, some designers presume forms are a problem that's already been solved — not true! And when you consider accessibility, many forms don't pass the test. In fact, a recent WebAim survey listed complex forms as being one of the most problematic areas for screen reader users.
Beyond business as usual: Making 'remote' work for your organization
We're all operating in a new reality these days, and business leadership is facing unprecedented challenges. While the health of loved ones is the primary concern, remote work and social isolation is no easy feat - especially for organizations that are new to working from home.
Modernize Your Stack
Getting started with machine learning is easier than you think
If you think ML and AI are part of a sci-fi future, think again. The future is now.
What are the top 3 organizational impacts of a design system?
Does it seem like everyone is talking about design systems? Well, it's with good reason. These collections of reusable components are making a massive impact on the organizations leveraging them. While the big players like Airbnb, Uber, and IBM are well known for their innovative design systems, this tool is changing the way even mid-sized organizations deliver digital products.
Scale Design
Most digital transformations fail—have you answered the critical culture question?
"We need to be more Agile", "We need more digital innovation to survive", "We need to deliver more engaging and satisfying experiences to our customers", "We need a digital strategy to make an impact in the market"...
Align Product Strategy