# Design Engineer

**Company:** [Givebutter](https://hotfix.jobs/companies/givebutter)
**Location:** Remote
**Role:** Frontend Engineering
**Salary:** $150k – $170k/yr
**Experience:** 4+ years
**Skills:** JavaScript, TypeScript, Astro, React, Next.js, Svelte, Gsap, Framer Motion, Posthog, Launchdarkly
**Posted:** 2026-05-15

> Build high-craft marketing experiences on Givebutter's Astro site, turning Figma prototypes into performant, animated, data-driven web pages that feel as alive as the product.

## Job Description

## Responsibilities
- Build acquisition and marketing surfaces in our Astro-based site, creating faster, more interactive, more personalized, and more fun experiences.
- Partner with Design to translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction.
- Own the motion and interaction primitives that evolve across marketing and eventually product.
- Build data-driven marketing pages that bring real campaign and cause data to life (per-cause hubs, per-campaign stories, per-vertical landing pages).
- Wire marketing surfaces into analytics and feature-flag systems (PostHog, LaunchDarkly).
- Collaborate with the 3rd-party Webflow team on cross-cutting work (analytics, tracking, SEO, technical decisions).
- Partner with Growth, Marketing, Design, and product engineering teams.

## Requirements
- 4+ years of professional frontend engineering experience building production web applications or marketing sites.
- Strong proficiency in JavaScript and TypeScript.
- Strong understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior.
- Production experience with modern frontend frameworks (Astro, React, Next.js, or Svelte).
- Experience implementing advanced frontend animation systems (GSAP, Framer Motion, View Transitions API, Lottie, scroll-linked animations).
- Experience integrating analytics, A/B testing, or feature flagging systems (PostHog, LaunchDarkly, Segment, Amplitude).
- Experience building reusable frontend components and interaction systems with maintainable architecture.
- Strong understanding of Core Web Vitals, frontend performance optimization, and accessibility standards (WCAG, reduced motion support, semantic structure).
- Experience collaborating in Figma-based design workflows and implementing pixel-accurate UI from design specifications.
- Comfortable reviewing, debugging, and refining AI-assisted code output before production deployment.
- Experience using Git-based workflows and collaborating within engineering teams using pull requests and code reviews.

## Nice-to-Haves
- Webflow comfort for collaborating on tracking, analytics, and technical decisions.
- Experience with data-driven page generation (CMS-driven templates, content collections, dynamic routing).
- Design systems or motion primitive library maintenance.
- Cloudflare Workers / edge routing / SEO / Core Web Vitals.
- Background in a designer-first environment.
- Experimentation and product-analytics experience (A/B tests, PostHog, Amplitude, Mixpanel).
- Nonprofit or mission-driven experience.

## Similar roles

- [Software Engineer - Product](https://hotfix.jobs/jobs/75388d92-1382-43a5-8cfb-831a8c2f89d8) - Sfcompute - San Francisco, CA - $150k – $220k/yr
- [JavaScript Engineer (Open Source Team)](https://hotfix.jobs/jobs/937f9c7e-02ec-4c05-8ce0-f95edc3ed3d2) - LangChain - San Francisco, CA - $150k – $225k/yr
- [Software Engineer, Design Systems](https://hotfix.jobs/jobs/047232ca-c97a-4918-9c55-5bf8f187f283) - Assembled - San Francisco, CA - $160k – $270k/yr
- [Founding Design Engineer](https://hotfix.jobs/jobs/92f61eb2-e8b9-4534-a895-31a2c7ced5e5) - Bretton AI - San Francisco, CA - $160k – $220k/yr
- [Web Engineer](https://hotfix.jobs/jobs/f06138e3-8da3-4ed0-9ccf-24ad517b475f) - Atlas - San Francisco, CA - $160k – $185k/yr

**Apply:** https://hotfix.jobs/jobs/d06432cf-ff0c-4068-bb1e-8fc2cc229aee
**Canonical:** https://hotfix.jobs/jobs/d06432cf-ff0c-4068-bb1e-8fc2cc229aee