# Southleft

> Design systems consulting, engineering, and AI integration studio. Founded in New
> Orleans in 2012 by TJ Pitre; Nicole Hampton became CEO in July 2026. Southleft helps
> product organizations build design systems that work with AI — audits, engineering,
> workshops, team augmentation, and discovery/research — and builds the open-source AI
> tooling the design systems community uses (Figma Console MCP, Story UI, FigmaLint,
> design-systems-mcp, Altitude). Partnered with Baseline (strategy/discovery/design);
> Southleft covers design systems engineering, front end, and AI integration.

This site is itself a working design system: every color, radius, and easing derives
from the token layer published at https://southleft.com/tokens.json (DTCG format). The source
repository includes an AGENTS.md with conventions for AI agents contributing content.

## Services

- [Services overview](https://southleft.com/services/): the five practice areas
- [AI + Design Systems](https://southleft.com/ai-design-systems/): flagship — AI-readiness audits, MCP integrations, discovery & research, the Context-Based Design Systems framework
- [Design System Development](https://southleft.com/services/design-systems/): build, audit, and scale systems from Figma to production
- [Workshops & Training](https://southleft.com/services/workshops-training/): team workshops, speaking engagements, and the AI & Design Systems course with Brad Frost
- [Team Augmentation](https://southleft.com/services/team-augmentation/): senior design-system and front-end engineers embedded with client teams
- [AI Prototype to Production](https://southleft.com/services/ai-prototype-to-production/): making vibe-coded prototypes production-ready
- [Figma Design Systems Guide](https://southleft.com/figma-design-systems/): long-form guide to developer-ready Figma libraries

## Open-source tools

- [Tools hub](https://southleft.com/tools/): the full catalog
- [figma-console-mcp](https://github.com/southleft/figma-console-mcp): AI-powered design system management inside Figma via MCP
- [story-ui](https://github.com/southleft/story-ui): AI layout generation for Storybook via MCP
- [figmalint](https://github.com/southleft/figmalint): design linting for developer-ready Figma files
- [design-systems-mcp](https://github.com/southleft/design-systems-mcp): a design systems knowledge base AI can query
- [company-docs-mcp](https://github.com/southleft/company-docs-mcp): turn any documentation into an AI-searchable knowledge base over MCP
- [dsaudit](https://github.com/southleft/ds-audit): CLI health audit for code-based design systems, six weighted categories
- [AI-Ready Design System Scorecard](https://southleft.com/scorecard): interactive six-dimension self-assessment, scored on-page in ~10 minutes
- [Altitude](https://southleft.com/tools/altitude/): Southleft's open design system and AI testbed

## Company

- [About](https://southleft.com/about/): history, Baseline partnership, leadership (TJ Pitre, founder & chairman; Nicole Hampton, CEO)
- [Speaking & teaching](https://southleft.com/speaking/): talks, webinars, interviews, and the Brad Frost course
- [Contact](https://southleft.com/contact/): project inquiries, workshops, email inquiries@southleft.com
- [Work / case studies](https://southleft.com/work/): 26 projects including IBM, PetSmart, Stanford d.school, Google
- [Design tokens](https://southleft.com/tokens.json): the live token layer this site runs on
- [RSS feed](https://southleft.com/rss.xml)

## Case studies

- [CampusIQ — CampusIQ: Building an AI-Ready Design System for Higher Education Technology](https://southleft.com/projects/campusiq-building-an-ai-ready-design-system-for-hi/): A context-based, token-first design system that unified three component libraries into 50+ React components with AI-integrated workflows.
- [Wodify — Wodify: Building a Marketing Platform for the Fitness Industry](https://southleft.com/projects/wodify-building-a-marketing-platform-for-the-fitness-industry/): A component-driven WordPress marketing platform that lets Wodify's team launch campaign pages fast across multiple fitness verticals.
- [Stanford d.school — Stanford d.school: Building a Modular Web Experience for Creative Thinkers](https://southleft.com/projects/stanford-d-school/): A Fractal-powered component library and front-end architecture that brought the d.school's unconventional visual identity to the web on a tight deadline.
- [PetSmart — Designing Digital Cohesion: PetSmart's Sparky System Journey](https://southleft.com/projects/petsmart/): Sparky, PetSmart's design system — accessible components, documentation, and governance that unified a fragmented web presence.
- [Creole Cuisine Restaurant Concepts — Creole Cuisine: A Symphony of Flavors, A Masterpiece of Development](https://southleft.com/projects/creole-cuisine/): One flexible WordPress multi-theme powering 30+ unique but connected restaurant brand sites, manageable by a small corporate team.
- [Toast — Elevating Industry Knowledge: On The Line with Toast](https://southleft.com/projects/toast-on-the-line/): Front-end development for 'On The Line,' Toast's editorial resource hub for the restaurant community.
- [Point72 — Precision and Performance: Crafting Point72's Digital Presence](https://southleft.com/projects/point72/): A multi-year WordPress partnership giving one of the world's leading hedge funds a digital presence as precise as its reputation.
- [CURA Freight — Streamlining Shipping: Transforming User Experience for Cura Freight](https://southleft.com/projects/cura-freight/): A discovery-led design system that standardized a complex logistics application's UI and simplified shipping workflows for every stakeholder.
- [Creole Cuisine Restaurant Concepts — Creole Cuisine Special Events: Elevating New Orleans Events with Creole Cuisine's Unforgettable Venues](https://southleft.com/projects/creole-cuisine-special-events/): A venue-showcase platform with integrated booking that turned eleven New Orleans event spaces into an engine for inquiries.
- [Rio Hotel & Casino — Revolutionizing Rio: A Digital Renaissance at the Rio Hotel and Casino](https://southleft.com/projects/rio/): A headless Next.js/Faust.js web presence built in five months as the Rio broke away from the Caesars portfolio.
- [Gallagher & Associates — Gallagher and Associates – The Intersection of Art and Technology](https://southleft.com/projects/gallagher-and-associates/): An animation-rich, accessible portfolio platform for a globally renowned museum planning and design firm.
- [New Books Network — Literary Landscapes: The New Books Network Website Redesign](https://southleft.com/projects/new-books-network/): A Craft CMS redesign with listener accounts, a recommendation engine, and Algolia search across 20,000+ literary podcast episodes.
- [Adventist Review — Coding the Good News: Adventist Review's Online Overhaul](https://southleft.com/projects/adventist-review/): Two historic publications merged into one modern WordPress platform, with complex dual-source content migration.
- [I Care If You Listen (American Composers Forum) — I Care If You Listen: A Modern Platform for an Award-Winning Publication](https://southleft.com/projects/i-care-if-you-listen/): A WordPress multisite migration and Northright-powered rebuild for an award-winning new-music publication.
- [Aspen Square — Setting a New Standard for Aspen Square's Interface](https://southleft.com/projects/aspen-square/): A React and design-system engagement setting a new standard for Aspen Square's interface.
- [Sustainable Energy Corps (AIChE) — Energizing the Web: A Fusion of Design and Technology for the Sustainable Energy Corps](https://southleft.com/projects/sec/): A custom-animated landing page and interactive project database promoting sustainable energy initiatives.
- [Innova Recordings (American Composers Forum) — Innova: Migrating a Mission-Driven Music Platform to WordPress](https://southleft.com/projects/innova/): A Drupal-to-WordPress multisite migration on Southleft's Northright theme, unifying three brands under one backend.
- [Liquor.com — Elevating Spirits: Launching a New E-commerce Experience for Liquor.com](https://southleft.com/projects/liquor-com/): A fast-tracked Shopify storefront that diversified Liquor.com's revenue beyond affiliate links.
- [APQC (American Productivity & Quality Center) — Reengineering Excellence: The Digital Transformation of APQC.org](https://southleft.com/projects/apqc/): A year-long re-platforming of a massive research site — sophisticated content modeling, tiered membership access, and Drupal theming with Happy Cog.
- [IBM — Replatforming IBM Investor Relations: A Seamless Transition to Modernity and Scalability](https://southleft.com/projects/ibm-investor-relations/): Migrating IBM Investor Relations to Drupal while integrating the Carbon design system — trust-critical financial communications, modernized.
- [Seventh-day Adventist Church — Crafting a Unified Brand Language: The Advent of ALPS](https://southleft.com/projects/alps/): ALPS: a global design system and WordPress theme balancing brand consistency with customization for thousands of institutions.
- [Better.com — Better.com: Revolutionizing Home Bidding with Multi-Faceted Solutions](https://southleft.com/projects/better-com-real-estate/): A home-bidding platform spanning real estate listings, mortgage APIs, and insurance — delivered against an IPO-driven deadline.
- [Outside Inc — Outside Inc: A Decade of Innovation and Partnership in Active Lifestyle Media](https://southleft.com/projects/outside-inc/): A 10-year partnership: from a static 2014 site to a WordPress multisite system powering Outside's family of publication brands.
- [Kennedy Krieger Institute — Crafting a Secure, User-Centric Resource Hub for Kennedy Krieger Institute](https://southleft.com/projects/kki/): A HIPAA-compliant, DOD-funded resource hub serving military families, providers, and the public — with research-grade analytics.
- [BmoreArt — Revitalizing BmoreArt: Crafting a Digital Presence for Baltimore's Art & Culture Hub](https://southleft.com/projects/bmoreart/): A bespoke WordPress platform and the careful migration of 12+ years of Baltimore art and culture coverage.
- [eNotes — Engaging Minds: A Front-End Facelift for eNotes](https://southleft.com/projects/enotes/): Modular Pattern Lab components and a design system that lifted engagement on a subscription education platform.

## Insights (all 60 posts, newest first)

- [The autonomy vs alignment dial for AI](https://southleft.com/insights/design-systems/the-autonomy-vs-alignment-dial-for-ai/): Naming creates consistency and silence creates variety. By treating your harness as a composition dial, you can leverage agentic silence to produce better, more creative user interfaces. — by Cris Morales
- [Budgeting for a Team That Doesn't Exist Yet: The Future of Design System Teams](https://southleft.com/insights/design-systems/the-future-of-design-system-teams/): Nobody's handing design leaders a template for this team. We've been watching four patterns emerge in its place. — by Nicole Hampton
- [What Does AI-Readiness Mean in Design Systems?](https://southleft.com/insights/design-systems/what-does-ai-readiness-mean-in-design-systems/): We measured how coding agents can consume the systems we build using an external tool. AI-readiness comes down to great design and engineering. — by Cris Morales
- [A Browser Can Generate Your Design System’s UI Now, If You Guide It](https://southleft.com/insights/ai/a-browser-can-generate-your-design-systems-ui-now-if-you-guide-it/): A 2 GB model in Chrome can compose a working UI from natural language. But it only works if the design system has a repair layer, and building that taught me a ton. — by Ben Voran
- [Machine-Readable Design Tokens for AI-Ready Component Libraries](https://southleft.com/insights/design-systems/machine-readable-design-tokens-for-ai-ready-component-libraries/): Most token systems were built for people. Agents expose where their naming, structure, and documentation break down. — by Kelsey Ploransky
- [Better, together: Southleft x Baseline, and a new CEO](https://southleft.com/insights/business/better-together-southleft-x-baseline-and-a-new-ceo/): Southleft is partnering with Baseline, and Nicole Hampton is stepping in as CEO. Two announcements, one story: the next chapter of this company. — by TJ Pitre
- [Context-Based Design Systems, Revisited](https://southleft.com/insights/design-systems/context-based-design-systems-revisited/): A year into the AI-driven design systems era, the framework holds up. Here’s what’s changed, what’s clearer, and why context still beats autonomy. — by TJ Pitre
- [Designers, You’re Not at the Kids’ Table Anymore](https://southleft.com/insights/design-systems/designers-youre-not-at-the-kids-table-anymore/): There’s never been a better time for designers to ship real code, and you don’t need to “learn to code” to do it. — by TJ Pitre
- [Figma MCP vs. Figma Console MCP: A Definitive Comparison](https://southleft.com/insights/ai/figma-mcp-vs-figma-console-mcp/): They share three letters in common. That’s about where the similarities end. A clear, category-by-category breakdown of what Figma’s official MCP server and Figma Console MCP can each do — and when to use which. — by TJ Pitre
- [Code to Design Isn’t the Point. System Parity Is.](https://southleft.com/insights/design-systems/code-to-design-isnt-the-point-system-parity-is/): Figma’s new Claude Code to Figma workflow captures screens. Figma Console MCP understands systems. Both are useful, they just operate at different layers of the stack. — by TJ Pitre
- [Figma Console MCP: AI-Powered Design System Management That Changes Everything](https://southleft.com/insights/ai/figma-console-mcp-ai-powered-design-system-management/): Discover how Figma Console MCP complements the official Figma MCP by providing complete project-wide context instead of component-specific information. Extract your full design system, manage variables and tokens, and even modify your Figma files directly through AI conversation. — by TJ Pitre
- [A2UI: How AI Agents Build Real User Interfaces](https://southleft.com/insights/ai/a2ui-how-ai-agents-build-real-user-interfaces/): What if AI agents could build real interfaces on demand, not code snippets you copy-paste, but actual components from your design system? A2UI makes that possible. — by TJ Pitre
- [One Dashboard for Everything: Why 2026 Will Be the Year of Less UI](https://southleft.com/insights/ai/one-dashboard-for-everything-2026-less-ui/): Since Anthropic released MCP, I’ve been funneling all my contexts into one AI interface. My prediction for 2026: we’re going to be working with a lot less UI. — by TJ Pitre
- [You Can Vibe Almost Anything Now. That’s the Good Part and the Risk.](https://southleft.com/insights/ai/you-can-vibe-almost-anything-now-thats-the-good-part-and-the-risk/): Vibe coding has made it possible to build almost anything, which also means you should think twice before paying for tools you could build yourself in an afternoon. — by TJ Pitre
- [Introducing Our New Course: AI & Design Systems](https://southleft.com/insights/design-systems/introducing-our-new-course-ai-design-systems/): We’re teaming up with Brad and Ian Frost to share a grounded, real-world approach to using AI inside design system workflows while preserving the quality, clarity, and standards your products depend on. — by TJ Pitre
- [How We Ended Up Building a Continuous Context Workflow With Grain, Claude, and MCP](https://southleft.com/insights/business/continuous-context-workflow-with-grain-and-claude/): A look at how we slowly transformed simple meeting transcripts into a continuous context workflow that now powers proposals, discovery, prototypes, and code across our projects. — by TJ Pitre
- [Vibe Coding vs. Context Engineering](https://southleft.com/insights/ai/vibe-coding-vs-context-engineering/): Not everything AI-assisted should be called vibe coding — context engineering is the discipline that transforms creative sparks into sustainable systems, with or without a vibe in sight. — by TJ Pitre
- [Your Documentation Can Do More Than You Think](https://southleft.com/insights/design-systems/your-documentation-can-do-more-than-you-think/): Company Docs MCP turns your existing documentation into an intelligent assistant that can serve your team and even power AI to build and validate better products. — by TJ Pitre
- [The Cascade Effect in Context-Based Design Systems](https://southleft.com/insights/design-systems/the-cascade-effect-in-context-based-design-systems/): A clean design system should behave like well-structured CSS, where inheritance flows smoothly, overrides are rare, and each layer respects the next. Here’s how we apply that mindset to building resilient, AI-ready systems. — by TJ Pitre
- [When AI Meets Design Systems: My Storybook Webinar Recap](https://southleft.com/insights/ai/when-ai-meets-design-systems-my-storybook-webinar-recap/): A behind-the-scenes look at my recent Storybook webinar on AI-powered design systems, including the lessons, surprises, and why this conversation matters. — by TJ Pitre
- [What Happens When AI Actually Understands Your Design System](https://southleft.com/insights/design-systems/what-happens-when-ai-actually-understands-your-design-system/): A quick demo showing how Claude, the Figma MCP, and the Design Systems Assistant MCP work together to deliver smarter, context-aware design system support. — by TJ Pitre
- [Context-Based Design Systems: A New Model for the AI-Driven Product Lifecycle](https://southleft.com/insights/design-systems/context-based-design-systems-a-new-model-for-the-ai-driven-product-lifecycle/): What happens when every step in the product lifecycle inherits context from the one before it? You get a smarter, faster, more accurate way to build and the start of a new design systems era. — by TJ Pitre
- [Designing for Developers—and the AI Agents Working Beside Them](https://southleft.com/insights/design-systems/designing-for-developers-introducing-figmalint/): How FigmaLint helps bridge the gap between design, development, and the AI agents transforming the product lifecycle. — by TJ Pitre
- [Introducing Story UI: Accelerating Layout Generation with AI + MCP](https://southleft.com/insights/design-systems/introducing-story-ui-accelerating-layout-generation-with-ai-mcp/): Story UI is a new open-source tool that empowers non-developers to generate real layouts from design system components using AI and MCP, bridging the gap between development and product. — by TJ Pitre
- [Rethinking Design-to-Product Workflows with MCP, Design Systems, and Generative UI](https://southleft.com/insights/design-systems/figma-mcp-design-systems-and-generative-ui/): By combining Figma’s MCP server, a structured design system, and natural language UI generation, we’re not just speeding up design-to-dev, we’re rethinking the entire path from idea to product. — by TJ Pitre
- [We Need a Spotify for Micro Apps](https://southleft.com/insights/business/we-need-a-spotify-for-micro-apps/): Micro apps are everywhere—but no one knows where to find them. Most creators don’t want to build startups, they just want to share what they’ve made. We need a place for that. A Spotify for small tools. A stage for indie software. — by TJ Pitre
- [The Rise of the Micro App: Why Smaller Software Is Winning](https://southleft.com/insights/ai/the-rise-of-the-micro-app-why-smaller-software-is-winning/): Big apps are bloated. Micro apps are personal. As software becomes easier to build, we’re seeing a shift from mass-market platforms to focused, single-purpose tools built by individuals, for individuals. This is the indie movement in software—and it’s just getting started. — by TJ Pitre
- [When the Tablets Came: What AI Feels Like to Those of Us Who’ve Seen Disruption Before](https://southleft.com/insights/ai/when-the-tablets-came/): 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. — by TJ Pitre
- [From Figma to Front-End: Using AI to Generate Real Code in Seconds](https://southleft.com/insights/design-systems/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. — by TJ Pitre
- [In Defense of Vibe Coding](https://southleft.com/insights/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. — by TJ Pitre
- [Children and AI: The Next Generation of Learners](https://southleft.com/insights/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? — by TJ Pitre
- [Unveiling the Complexity of Enterprise Design Systems](https://southleft.com/insights/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. — by TJ Pitre
- [AI-First](https://southleft.com/insights/ai/ai-first/): At Southleft, we’re embracing an AI-first mindset—leveraging AI as a collaborative tool to boost efficiency, enhance workflows, and redefine how we deliver value for our clients. — by TJ Pitre
- [5 Signs Your Construction Firm is Losing Time & Money on Inefficient Tech](https://southleft.com/insights/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. — by TJ Pitre
- [Building Multi-Brand Design Systems: The Developer’s Perspective](https://southleft.com/insights/design-systems/building-multi-brand-design-systems-the-developers-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. — by TJ Pitre
- [Demystifying Web Components: Understanding Slots (Part 1)](https://southleft.com/insights/development/demystifying-web-components-understanding-slots-part-1/): Discover how slots in Web Components allow for flexible content insertion, improving component reusability and customization. — by TJ Pitre
- [Demystifying Web Components: Understanding Slots (Part 2)](https://southleft.com/insights/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. — by TJ Pitre
- [Demystifying Web Components: Understanding Slots (Part 3)](https://southleft.com/insights/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. — by TJ Pitre
- [Demystifying Web Components: Understanding Slots (Part 4)](https://southleft.com/insights/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. — by TJ Pitre
- [The Unexpected Origin of Southleft’s Name](https://southleft.com/insights/business/the-unexpected-origin-of-southlefts-name/): Discover the unexpected and amusing origin story behind the name of our digital design and development agency, Southleft. — by TJ Pitre
- [A Guide to Streamlining Design and Development Collaboration with Token Studio](https://southleft.com/insights/design-systems/streamlining-design-and-development-with-token-studio/): Discover how Token Studio streamlines design and development collaboration, enhancing workflows and maintaining consistency across projects. — by Kelsey Ploransky
- [Token Naming Conventions: The Key to a Scalable Design System](https://southleft.com/insights/design-systems/token-naming-conventions/): Discover the power of structured token naming conventions in building a scalable, consistent, and collaborative design system across all tiers. — by Kelsey Ploransky
- [Introducing Altitude, Southleft’s Comprehensive Design System Solution](https://southleft.com/insights/design-systems/introducing-altitude/): Discover how Altitude by Southleft reimagines the intersection of design and development, offering a versatile, scalable system that seamlessly adapts from concept to code. — by TJ Pitre
- [Boost Your Search Functionality Using Algolia](https://southleft.com/insights/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. — by Jacob Tarr
- [Accessible Design Systems: Building a Focus Trap With Web Components](https://southleft.com/insights/design-systems/focus-trap-accessible-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. — by Elsa Brown
- [Unleashing an Avalanche of Project Management Advancements in Web Development](https://southleft.com/insights/project-management/unleashing-an-avalanche-of-project-management-advancements/): 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 — by Abigail Jones
- [The Value of Design Tokens in Modern Web Development](https://southleft.com/insights/design-systems/the-value-of-design-tokens/): Design tokens are the secret to building consistent, maintainable websites – discover their power and how to implement them in your workflow. — by TJ Pitre
- [“Knowing Is Half the Battle”: A Grown-Up Guide to Applying Childhood Lessons in Leadership and Life](https://southleft.com/insights/business/knowing-is-half-the-battle/): The journey from knowledge to action is what completes the battle, bridging the gap between insight and achievement. — by TJ Pitre
- [Taming the Shadow DOM: Injecting Global Styles with Adopted Stylesheets](https://southleft.com/insights/development/adopted-stylesheets/): Achieve a unified look for your web application! Learn how to bridge the gap between web components’ Shadow DOM and global styles using the power of adopted stylesheets. — by Ben Voran
- [Useful Git Commands for Front-End Developers](https://southleft.com/insights/development/useful-git-commands-for-front-end-developers/): Here’s a list of useful Git commands to master to help you navigate your next front-end project! — by Justin Green
- [The Precarious Position of In-House Design Systems Teams Amidst Corporate Cutbacks](https://southleft.com/insights/business/in-house-design-systems-teams-corporate-cutbacks/): Recent layoffs in the tech world, including design systems teams, reflect broader dilemmas about integrating and valuing specialized roles amid economic challenges. — by TJ Pitre
- [Create Impressive Scroll-Based Animations with CSS scroll-timeline](https://southleft.com/insights/development/scroll-based-animations-with-css-scroll-timeline/): Learn how to create immersive scroll-based animations based on user scrolling with no JavaScript required. — by TJ Pitre
- [The Future-Proof Choice: Web Components First Over JavaScript Frameworks](https://southleft.com/insights/development/web-components-first-over-javascript-frameworks/): Behold the transformative POWER of web components offering highly convenient flexibility and efficiency across diverse frameworks and code ecosystems. — by TJ Pitre
- [The Highs and Lows of Running a Digital Design Agency: An Inside Look at Southleft](https://southleft.com/insights/business/highs-and-lows-of-running-an-agency/): Navigating the terrain of agency ownership isn’t for the faint of heart. Explore the highs and lows, innovations and setbacks, that define Southleft’s story. — by TJ Pitre
- [Brad Frost’s Talk at FRONT ZURICH 2023 – Is Atomic Design Dead?](https://southleft.com/insights/development/brad-frost-talk-is-atomic-design-dead/): Brad Frost explores the future of design systems, touching on global collaboration and AI, at FRONT ZURICH 2023. — by TJ Pitre
- [Partnering with Enterprise Clients in a Modern Approach to Web Development](https://southleft.com/insights/business/partnering-with-enterprise-clients-in-a-modern-approach-to-web-development/): Southleft utilizes a tailored Scrummerfall approach to provide a smooth workflow for web projects. Our proven process promotes collaboration, transparency, and quality assurance from start to finish. — by Abigail Jones
- [The Importance of Synchronizing Your Design System and Product Strategy](https://southleft.com/insights/design/synchronizing-your-design-system-and-product-strategy/): Learn how aligning your design system with your product strategy can create a consistent user experience and give you a competitive advantage — by TJ Pitre
- [Native Web Components in Design Systems: A Comprehensive Guide](https://southleft.com/insights/development/native-web-components-in-design-systems/): Dive into native web components – their pros, cons, adoption by big tech, framework integration, design system use, and challenges like lack of SSR support — by Ben Voran
- [A Meeting of Minds: The Southleft Approach to Strategic Partnerships and In-House Augmentation](https://southleft.com/insights/business/how-southleft-partners-with-agencies-and-digital-teams/): Explore our nuanced method of collaboration with fellow agencies and in-house teams, aiming to inspire creativity and strengthen connections in the digital sphere. — by TJ Pitre
- [The Many Hats of PMs in Digital Agencies](https://southleft.com/insights/business/the-many-hats-of-pms-in-digital-agencies/): Watch me ramble on and fumble through my words while having a delightful conversation with the hosts of the “Agencies That Build” podcast. — by TJ Pitre