Blog

Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.

Showing 36–47 of 505 posts

Adam Sullovey

May 07, 2024

Take the Type Challenge

Dive into the Type Challenges with Rangle Solution Architect, Adam Sullovey to boost your TypeScript skills and master complex types! This series of programming puzzles will expand your knowledge, improve your debugging skills, and increase your confidence in the TypeScript compiler. Follow our suggested approach, leverage helpful tips, and learn from video and written solutions to conquer these challenges and better understand intricate TypeScript code. Read on to get started and unlock the full potential of TypeScript!

Build Engineering Capability

Sananda Dutta

May 06, 2024

Using Figma Variables to build a Multi-Brand Design System

Interested in learning how to build a multi-brand design system using Figma variables? We suggest two approaches for organizing your design system based on the number of brands and their distinctiveness. Using Figma variables offers several benefits, including centralized asset management, brand customization, and efficient design workflow. However, managing a multi-brand design system also presents challenges such as collaboration, scalability, and governance. Overall, the strategic use of variables can revolutionize how you manage and present your brand identities.

Scale Design

Brandon Surya

Apr 26, 2024

Developing Your Token Structure

If you've wondered how to get more out of your design system, the answer lies in a robust token structure. Uncover the secrets of effective token taxonomy, using a three-tiered architecture: primitive, semantic, and component tokens. As design maturity evolves, so do token structures. Discover the three levels of token models that can transform your design system, and how to tailor your token structure to your organization's needs and maturity.

Scale Design

Fidelia Ho

Apr 17, 2024

Our Journey at ng-conf 2024: Innovations, Insights, and Inspirations

A few weeks ago, our team had the incredible opportunity to attend ng-conf 2024, the world's original Angular conference, where we immersed ourselves in the latest developments and best practices in Angular technology. It was an enlightening experience that not only showcased the evolving landscape of web development but also reinforced our commitment to delivering exceptional digital solutions.

Frontend Development

Yena Lee, Nataliya Ioffe

Apr 15, 2024

Smarter Sales Campaigns with Sanity

Learn how to launch promotional banners and sales content seamlessly across your site without developer bottlenecks. We cover how to audit your sales content workflows to create a headless e-commerce roadmap that works for your brand and walk through examples of how we've solved sales campaigns for major e-commerce brands.

Escape CMS & Commerce Lock-In

Stephanie Zeng

Apr 11, 2024

Migration to Storybook 8

Storybook version 8 was officially launched last month. Are you still deciding whether to upgrade your project to use this latest version of Storybook? This article discusses the changes this upgrade brings and offers thoughts on planning for a smooth migration to this new version of Storybook.

Modernize Your Stack

Bohdan Anderson

Apr 10, 2024

The Switch to Variables

In this blog, we compare the strengths and weaknesses of Figma variables and Tokens Studio, and the implications of each on the design system you're creating.

Scale Design

Vincent Porretti

Feb 22, 2024

How harsh prioritization helps for successful Lean projects

Prioritization in Lean projects is not a means to manage scope and budget; it is a tool to ensure that you remain focused and deliver fast towards a MVP that will help validate a hypothesis and market fit. Read on for how we do Lean delivery at Rangle.

Launch New Products

Brandon Surya, Joshua Lee, Bohdan Anderson

Feb 15, 2024

Figma's Dev Mode – Why Design System Teams Love It

Figma's commitment to collaboration tools, such as comments and developer plugins, ensures a seamless and transparent exchange of ideas between design and development teams. With Figma's Dev Mode, the communication gap has narrowed, and developers are now equipped with a tool that not only enhances their workflow but also fosters a collaborative and productive development experience.

Scale Design

Robyn Dalgeish, Fidelia Ho

Jan 25, 2024

SSG, SSR & Contentful Headless CMS with Angular

In this webinar, our solution architect, Robyn Dalgleish, takes you through the process of building a high-performing Angular app. During this session, Robyn explores key topics, including: rendering strategies to achieve optimal speed; introducing a meta-framework called Analog; dynamic component rendering and routing in Angular; and harnessing the power of Contentful headless CMS.

Escape CMS & Commerce Lock-In

Abdella Ali, Bertrand Karerangabo, Fidelia Ho…

Jan 16, 2024

Navigating the AI Roadmap: Strategies for Efficient Integration

In this webinar, we talk about useful frameworks for companies thinking about deploying AI in their context and building products with it.

Ship AI Features

Liam Gardner, Abdella Ali

Dec 15, 2023

Advancing Workplace Health with AI: Transforming Safety and Morale

Leverage AI to advance workplace safety and employee health by integrating NLP, sentiment analysis, and computer vision, effectively improving both mental and physical health conditions for employees.

Blog

Take the Type Challenge

Using Figma Variables to build a Multi-Brand Design System

Developing Your Token Structure

Our Journey at ng-conf 2024: Innovations, Insights, and Inspirations

Smarter Sales Campaigns with Sanity

Migration to Storybook 8

The Switch to Variables

How harsh prioritization helps for successful Lean projects

Figma's Dev Mode – Why Design System Teams Love It

SSG, SSR & Contentful Headless CMS with Angular

Navigating the AI Roadmap: Strategies for Efficient Integration

Advancing Workplace Health with AI: Transforming Safety and Morale

Get production-ready systems, not costly experiments.

Blog

Take the Type Challenge

Using Figma Variables to build a Multi-Brand Design System

Developing Your Token Structure

Our Journey at ng-conf 2024: Innovations, Insights, and Inspirations

Smarter Sales Campaigns with Sanity

Migration to Storybook 8

The Switch to Variables

How harsh prioritization helps for successful Lean projects

Figma's Dev Mode – Why Design System Teams Love It

SSG, SSR & Contentful Headless CMS with Angular

Navigating the AI Roadmap: Strategies for Efficient Integration

Advancing Workplace Health with AI: Transforming Safety and Morale

Get production-ready systems, not costly experiments.