Insights
AI
When the Tablets Came: What AI Feels Like to Those of Us Who’ve Seen Disruption Before
A reflection on how AI’s quiet disruption mirrors the fall of print during the rise of tablets — shifting roles, erasing opportunities, and redefining what ‘support’ really means.
AI
From Figma to Front-End: Using AI to Generate Real Code in Seconds
A behind-the-scenes look at how we’re using an open-source tool—Figma-Context-MCP—and repurposing it to generate scalable front-end code from structured design system components.
AI
In Defense of Vibe Coding
Vibe coding isn’t about perfect code, it’s about unlocking creativity, validating ideas fast, and sketching the future before committing to the final draft.
AI
Children and AI: The Next Generation of Learners
As parents, we all want our kids to be curious, independent thinkers. But in today’s digital age, how do we foster that curiosity without exposing them to the chaos of the open internet?
Design Systems
Unveiling the Complexity of Enterprise Design Systems
Some of the most recognizable companies in the world trust us to build and refine their design systems—but you’ll never see our work, and that’s exactly the point.
Business
5 Signs Your Construction Firm is Losing Time & Money on Inefficient Tech
Disconnected tools and outdated processes could be costing your construction firm time and money. Here are five signs your tech stack is slowing you down—and how to fix it.
Design Systems
Building Multi-Brand Design Systems: The Developer’s Perspective
Discover how developers can create scalable, multi-brand design systems that seamlessly bridge design and code for consistent, adaptable, and efficient front-end workflows.
Development
Demystifying Web Components: Understanding Slots (Part 4)
Master advanced styling techniques for slotted elements, focusing on CSS custom properties and targeting specific elements to create highly flexible and themeable Web Components.
Development
Demystifying Web Components: Understanding Slots (Part 3)
Learn best practices for designing Web Components with slots and discover basic techniques for styling slotted content to create modular and visually customizable components.
Development
Demystifying Web Components: Understanding Slots (Part 2)
Explore advanced slot techniques including fallback content, slot assignment, and dynamic manipulation to create more powerful and flexible Web Components.
Development
Demystifying Web Components: Understanding Slots (Part 1)
Discover how slots in Web Components allow for flexible content insertion, improving component reusability and customization.
Business
The Unexpected Origin of Southleft’s Name
Discover the unexpected and amusing origin story behind the name of our digital design and development agency, Southleft.
Design
A Guide to Streamlining Design and Development Collaboration with Token Studio
Discover how Token Studio streamlines design and development collaboration, enhancing workflows and maintaining consistency across projects.
Design Systems
Token Naming Conventions: The Key to a Scalable Design System
Discover the power of structured token naming conventions in building a scalable, consistent, and collaborative design system across all tiers.
Meet Our Team
Meet Our Team: Elsa Brown
One of our newest teammates, Elsa's calm, friendliness, talent, and expertise have already made her invaluable around Southleft! Elsa delves into her journey at Southleft so far, opens up about her life outside of work, and shares some valuable advice in the latest "Meet Our Team".
Design Systems
Introducing Altitude, Southleft’s Comprehensive Design System Solution
Discover how Altitude by Southleft reimagines the intersection of design and development, offering a versatile, scalable system that seamlessly adapts from concept to code.
Development
Boost Your Search Functionality Using Algolia
In this blog, we'll delve into how integrating Algolia with a website can streamline the way users interact with your content, using a practical implementation as our guide.
Design Systems
Accessible Design Systems: Building a Focus Trap With Web Components
Web component encapsulation can hinder keyboard navigation. Discover a reusable code pattern for accessible focus trapping, solving this critical accessibility challenge in your design system.
Project Management
Unleashing an Avalanche of Project Management Advancements in Web Development
In the pristine expanses of the backcountry, skiers aren't just chasing the heady thrill of fresh powder; they're navigating terrain where the wrong step can trigger a lethal avalanche. What if the meticulous risk management strategies that safeguard backcountry explorers could be applied to project management, particularly in the high-stakes realm of web development?