Frontend Designer

Ruby Labs

Frontend Designer elevating product quality at Ruby Labs by designing and implementing UIs in code. Collaborating with global teams and taking ownership of the design system across products.

Posted 5/5/2026full-timeRemote • 🇩🇪 GermanyMid-LevelSeniorWebsite

Tech Stack

Tools & technologies

JavaScriptNext.jsReactTypeScript

About the role

Key responsibilities & impact

Own, structure, and evolve the design system — tokens, components, patterns, interaction standards, and visual language.
Set the visual quality bar across the product and ensure consistency across all surfaces.
Translate brand and product strategy into a coherent, scalable design language.
Continuously audit the product for visual debt, inconsistencies, and opportunities to elevate quality.
Design web interfaces directly in code, working from wireframes and product briefs.
Apply structured design principles to deliver clean, on-brand, conversion-focused interfaces.
Ship UI for landing pages, onboarding flows, paywalls, editor experiences, and dashboards.
Ensure designs are accessible, responsive, and performant across devices.
Implement designs using Next.js, React, TypeScript, and TailwindCSS.
Build and maintain scalable, maintainable, and performant UI components.
Ensure cross-browser compatibility and consistency.
Support A/B test implementation — variant UI builds via GrowthBook.
Work closely with Product, Engineering, and design leadership to deliver polished UI.
Translate wireframes and requirements into production-ready interfaces with minimal back-and-forth.
Set the example for design quality on the team — your work raises the bar for others.

Requirements

What you’ll need

5+ years of frontend design or design engineering experience.
Exceptional design skills — strong portfolio showing taste, visual hierarchy, typography, layout, and conversion-focused thinking.
Designer-to-developer background with advanced Figma expertise. Must have started as a UI/UX designer before transitioning into frontend development.
Autonomous design excellence ability to create complete interfaces from high-level references with exceptional attention to detail as a baseline expectation.
Deep experience with design systems — you've built or significantly evolved one, not just used one.
Strong proficiency in Next.js, React, TypeScript, and TailwindCSS — you implement your own designs at a high standard.
Experience with UI component libraries (NextUI, HeroUI, or similar).
Ability to design and ship UI without relying on a dedicated designer or Figma mockups.
Proficiency in HTML and CSS — clean, semantic, maintainable code.
Strong attention to detail — pixel-accurate implementation matters to you.
Experience with Git and modern version control workflows.
Portfolio showcasing strong design AND production-shipped frontend work.
Mindset; You have strong opinions on design and you defend them with clarity.
You care about how things look *and* how they perform.
You take a vague brief or wireframe and produce something polished without constant direction.
You ship clean UI fast without over-engineering.
You raise the bar for the team — others learn from how you work.

Benefits

Comp & perks

Remote Work Environment: Embrace the freedom to work from anywhere, anytime, promoting a healthy work-life balance.
Unlimited PTO: Enjoy unlimited paid time off to recharge and prioritize your well-being, without counting days.
Paid National Holidays: Celebrate and relax on national holidays with paid time off to unwind and recharge.
Company-provided MacBook: Experience seamless productivity with top-notch Apple MacBooks provided to all employees who need them.
Flexible Independent Contractor Agreement: Unlock the benefits of flexibility, autonomy, and entrepreneurial opportunities.

ATS Keywords

✓ Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills & Tools

frontend designdesign engineeringdesign systemsUI component librariesHTMLCSSNext.jsReactTypeScriptTailwindCSS

Soft Skills

exceptional design skillsattention to detailautonomous design excellencestrong opinions on designclarity in communicationability to work independentlypixel-accurate implementationstrong portfolioconversion-focused thinkingcollaboration with cross-functional teams