About the Work

Design Engineering exists to close the gap between design vision and product delivery — shaping both what our teams build and how they build it. We maintain our internal design system, define frontend standards, and develop the tooling and infrastructure that make building great UI simple. We're looking for a full-stack engineer who brings serious technical depth and a genuine appreciation for the front end.

You'll work alongside our existing full-stack engineer as a close technical partner across all three areas of the team's work. That means contributing to our internal design system's component architecture, helping shape the standards and conventions that guide front-end code across Planning Center, and building the tooling and infrastructure, such as codemods, migration utilities, and developer-facing APIs, that help product teams move faster without sacrificing quality.

Responsibilities

Architect and maintain the technical infrastructure that powers our design system, including npm build pipelines, release workflows, bundling strategies, and content delivery mechanisms.
Enable multiple product teams by creating reliable tooling, patterns, and processes that help UX Engineers and Full-Stack Engineers deliver consistent, accessible, well-structured UI across our ecosystem.
Collaborate closely with UX Engineers on your team, reviewing implementation approaches, supporting component API design, and ensuring system contributions are stable, maintainable, and aligned with our design direction.
Partner with Full-Stack Engineers across teams to understand their needs, reduce friction in adopting the system, and anticipate challenges related to build processes, versioning, and integration.
Drive the evolution of the design system’s backend and platform architecture, including Rails-based services, token pipelines, and documentation tooling (Storybook).
Manage cross-team impact (~25%), coordinating system-wide improvements, facilitating migrations, and helping teams adopt new versions or patterns safely and predictably.
Contribute to a clear, consistent release strategy, including semantic versioning, changelogs, beta releases, and automated testing that protects downstream teams.
Identify opportunities to enhance the developer experience, from Storybook enhancements to scaffolding tools and automated validation of component usage.
Support accessibility best practices by ensuring our system infrastructure and APIs enable UX Engineers to meet accessibility standards.
Champion long-term system health, balancing extensibility with stability and helping guide decisions about what belongs in the system vs. product teams.

Who We Look For

Strong full-stack engineering fundamentals are the foundation. But what sets this role apart is front-end sensibility. You should be comfortable with CSS, understand how design decisions translate into code, and care about the details that make interfaces feel right. You don't need to be a designer, but you should be the kind of engineer who notices when something is off and knows how to fix it.

Beyond your impressive background, you also bring the following:

Diplomatic (will work with multiple teams)
Organized (strong discipline and process in your work)
Empathetic (listen well and seek solutions)
Flexible (able to adjust well to new/different requirements and code bases — our work requires that we're able to do so across all of our products)
Judicious (able to vet multiple options and land on a pragmatic solution)

The best fits for any role on the Planning Center team are people embodying our Core Values:

Engage with Humility - We actively participate with openness and receptiveness. We are ready to listen, learn, and speak thoughtfully and kindly—regardless of skill level, expertise, or place on the org chart.
Invest in our team - We give our time and energy to our team’s success—improving collaboration with effective communication, making space for diverse perspectives, sharing knowledge, and asking questions.
Do Our Best Work - We aspire to do our best possible work—continually looking for ways to improve the quality of our individual output and contribute to our team's overall success and growth.
Focus on Customer Impact - We advocate for our customer’s best interests in our decision-making—we can trace the goal of every project back to creating positive value for our customers.
Think Holistically, Work Iteratively - We focus on taking practical steps towards our goals with an awareness of the broader context—thinking big, working small.

We believe the strongest teams comprise people with diverse backgrounds and experiences, and we are committed to cultivating that diversity here at Planning Center. We're building an inclusive, supportive place for you to do your best work.

The Hiring Process

During the hiring process, you’ll have a chance to interact with several members of our team. We strongly encourage you to bring any questions to anybody you interact with. You’re interviewing us as much as we’re interviewing you.

Applications will be accepted until 8AM PT on Friday, March 13th, 2026. Please note that we may not reach out about next steps until after the application window closes.

Below is an outline of the steps in our hiring process.

Step One: Apply with a resume and complete the application questions so we can learn more about your background and experience
Our application questions are a chance for us to get to know you, so feel free to answer them the way you might in a cover letter and in your own words.
Step Two: If selected to move forward, an invitation to an online coding assessment to get a rough understanding of your developer prowess
Step Three: Initial phone screen with someone from our Talent Acquisition team to get to know one another and discuss work and culture
Step Four: Career Focused Interview - In this conversation, we’ll take a thoughtful look at your career journey, past work experiences, and what draws you to this team.
Step Five: Technical/Pairing Interview - During this time, we'll discuss your work experience, methodologies, and you can ask any lingering questions you have for us. We’ll also spend some time on a pairing exercise, which will be a bit more interactive and lighthearted.
Step Six: Pending all goes well, we'll extend an offer

Requirements

Reside in the United States
Eligible to work in the United States (we are currently unable to offer employment to those with H-1B visas)
Be willing to travel three times each year to connect with the rest of the team
3+ years of professional experience in Ruby on Rails
3+ years of professional experience in React
Solid Understanding of CSS

Benefits and Compensation

We love our team—it’s one of the core pillars that guides how we work every day. That’s why we invest deeply in your well-being, growth, and balance. Here are some highlights (you can explore all our benefits here):

Get paid:
We offer competitive pay no matter where you live. We also contribute to your 401(k), provide a charitable giving match of up to $2,000 per year, offer a generous allowance for continued education, and include a coworking stipend. The annual salary range for this position is $142,500- $172,000.

Be healthy:
You’ll receive generous paid sick and vacation time, $200 per month for physical fitness and mental health, and 95% medical plus 100% dental premium coverage.

Get out:
Enjoy paid Fridays for the entire year! We also offer a month-long sabbatical every five years, a week off between Christmas and New Year’s, a week each year to serve with a globally focused non-profit, and two weeks of paid vacation (increasing to three over time).

About Planning Center

Planning Center, established in 2006, has grown to support over 90,000 churches worldwide. As an independent company, we pride ourselves on being debt-free with no outside investors. Churches use our tools to communicate and connect with their congregations, organize information, and coordinate events. We’re committed to building great products that solve real problems using web and mobile products.

Our team enjoys the flexibility of remote work, utilizing tools like Asana, Slack, Notion, and Zoom for collaboration. We gather three times a year at our main office in Carlsbad, CA, fostering our work relationships.

Remote Christian Javascript, CSS, & React Jobs

Explore top Christian remote and work from home Javascript, CSS, & React jobs at leading Christian tech companies, nonprofits, and churches.