G2i Logo

G2i

Design Engineer

Posted Yesterday
Be an Early Applicant
Remote
2 Locations
Mid level
Remote
2 Locations
Mid level
Join Railblocks as a Design Engineer to shape frontend architecture, design user interfaces, and translate designs into production-ready code using React and Figma.
The summary above was generated by AI
Design Engineer – Railblocks

(Frontend Engineer with Strong Design Skills)
Full-time · Remote (Europe, Canada, USA, and Latam) · Portfolio Required


About the Role

Railblocks is looking for a hybrid Design Engineer — someone who thrives at the intersection of frontend engineering and product design. This is a hands-on role for an engineer who loves design, or a designer who loves to ship code. You will play a core role in shaping the UX, UI, and frontend architecture of the Railblocks platform.

If you enjoy taking ideas from rough sketches → polished design → production-ready components, and you’re excited about building elegant software for complex systems, this role is for you.

What You’ll DoDesign + UX
  • Lead user flows, interaction patterns, information architecture, and UI visuals for new product features.

  • Create high-fidelity mockups, prototypes, and design assets using Figma (other tools also welcome).

  • Work within and extend a design system: establishing component patterns, typography, layout scales, and behavior guidelines.

  • Participate in user research, usability testing, and iteration cycles to refine UX decisions.

Frontend Engineering
  • Translate final designs into clean, modular, production-quality React code.

  • Build reusable components, frontend logic, and responsive layouts for the Railblocks web application.

  • Collaborate with backend engineers to integrate APIs and ensure smooth end-to-end delivery.

  • Ensure high standards of accessibility, performance, and maintainability.

  • Help shape the frontend architecture (state management, styling approach, component structure, build tools, etc.).

  • Potential work with Convex or similar modern backend/infra frameworks.

Collaboration & Process

  • Work closely with product, engineering, and design partners to bring features from idea → prototype → release.

  • Contribute to team discussions on product direction, user needs, and technical feasibility.

  • Review code and design work, and help raise the overall bar for UX and frontend engineering within the team.

  • Continually experiment, learn, and bring fresh thinking to both design and engineering practices.

Required Skills & Experience

You should have strong experience on both sides of the Design/Engineering spectrum:

Design
  • Proficiency with Figma (components, prototyping, design systems).

  • Strong visual design skills (layout, typography, hierarchy, interaction design).

  • Understanding of UX best practices, usability principles, and accessibility guidelines.

  • Ability to create prototypes that communicate interaction patterns and flows clearly.

Engineering
  • Proven experience building front-end applications using React (hooks, component design, state management).

  • Strong skills in HTML, CSS (or CSS-in-JS), responsive design, and core web fundamentals.

  • Experience working with design systems or component libraries.

  • Ability to convert design prototypes into production-ready components.

  • Familiarity with front-end tooling (bundlers, CI/CD, etc.).

General
  • A strong, up-to-date portfolio demonstrating both design work and shipped frontend interfaces.

  • Excellent communication skills and collaborative mindset.

  • Comfortable working in a distributed/remote environment.

  • Located in Europe with eligibility to work for a European company.

Nice to Have
  • Experience with Convex or interest in modern full-stack frameworks.

  • Experience with TypeScript.

  • Familiarity with Storybook or similar component documentation tooling.

  • Experience with animations, transitions, and micro-interactions.

  • Previous work on SaaS or complex systems interfaces.

  • Knowledge of A/B testing, analytics, or user research methodologies.

  • Experience integrating REST/GraphQL APIs.

Top Skills

CSS
Css-In-Js
Figma
HTML
React

Similar Jobs

6 Hours Ago
In-Office or Remote
2 Locations
Senior level
Senior level
Aerospace • Energy • Industrial
The Design Engineer will execute and manage engineering projects, perform design activities, provide technical leadership, and support production with troubleshooting and documentation.
Top Skills: EpdmSolidworks
13 Days Ago
Remote
2 Locations
Senior level
Senior level
Artificial Intelligence • Information Technology • Internet of Things
Lead and evolve LiveKit's Design System, create UI components, ensure accessibility and quality, and make the system AI-native.
Top Skills: ReactTailwindTypescript
22 Days Ago
Remote
Canada
Senior level
Senior level
Software
As a Staff Design Engineer at Vanta, you will build user-facing features and solve complex UX problems, collaborating with teams to enhance UI components while championing quality and performance across the product. Your work will involve prototyping, leading cross-functional initiatives, and mentoring others in best practices.
Top Skills: CSSHTMLJavaScriptReactTypescript

What you need to know about the Toronto Tech Scene

Although home to some of the biggest names in tech, including Google, Microsoft and Amazon, Toronto has established itself as one of the largest startup ecosystems in the world. And with over 2,000 startups — more than 30 percent of the country's total startups — Toronto continues to attract new businesses. Be it helping entrepreneurs manage their finances, simplifying business operations by automating payroll or assisting pharmaceutical companies in launching new drugs, the city's tech scene is just getting started.

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account