Design To Development Handoff Jobs

1 job found

Today

UI/UX Designer — Figma & React Design Systems

Operating Systems Inc. (OSI) Spring, TX

Spring, TX

Today

$75 - $90/hr Contract Collaboration Design Design Systems

Apply Now

Job Description

Operating Systems Inc. (OSI) is building a modern engineering software platform that supports the marine, offshore, and structural engineering industries. This UI/UX Designer role centers on turning design intent into production-ready React frontends, with strong emphasis on Figma and design system thinking.

Working in a hybrid setup in Spring, TX 77389 on a contract basis, you will move quickly from business requirements to high-fidelity prototypes, help stakeholders review the work, and connect Figma components and tokens to a scalable React component library.

Role focus

Figma to production React: bridge design to production React/TypeScript frontends.
Design systems approach: think in reusable components, variants, and tokens rather than one-off screens.
Technical UI orientation: support complex, data-dense interfaces aligned with engineering workflows.

Responsibilities

Operate as a UI/UX Designer who is deeply proficient in Figma and experienced in bridging design to production React frontends.
Translate business requirements quickly into high-fidelity prototypes.
Apply design system thinking to interfaces, not isolated layouts.
Understand how engineers work in 3D CAD and simulation environments.
Deliver high-fidelity clickable prototypes for stakeholder review.
Present design rationale using tools such as FigJam, Miro, or PowerPoint.

Requirements

Expert-level Figma proficiency, including component libraries, auto layout, variables, interactive prototyping, design tokens, and branching/versioning workflows.
Figma design system management, including building and maintaining scalable design systems with variants, nested components, and token-based theming that maps cleanly to React component libraries.
Figma-to-React pipeline experience, including hands-on use of code generation and handoff tooling such as Locofy, Anima, Builder.io, or Figma Dev Mode to produce production-quality React/TypeScript output. Ability to structure Figma files so generated code stays clean and maintainable.
Figma AI features experience, such as AI-powered asset search, rename layers, visual suggestions, first drafts, plus third-party AI plugins to accelerate design workflows.
Strong UI/UX fundamentals, including information architecture, interaction design, user flows, wireframing, usability testing, and accessibility (WCAG 2.1 AA).
Front-end design literacy, including working knowledge of HTML, CSS, and React component architecture. Ability to inspect and red-line designs for developers. Familiarity with CSS-in-JS, Tailwind, or styled-components is a plus.
Data-dense and technical UI experience designing complex interfaces such as dashboards, data tables, tree views, property panels, and multi-step workflows.
Rapid business-requirements translation from engineers and product managers into clear interaction models and visual designs.
Prototyping and stakeholder communication through high-fidelity clickable prototypes and clear rationale, using tools such as FigJam, Miro, or PowerPoint.

Technologies

Figma, React, TypeScript
Locofy, Anima, Builder.io, Figma Dev Mode
FigJam, Miro, PowerPoint
HTML, CSS, CSS-in-JS, Tailwind, styled-components
Storybook, Tokens Studio, Style Dictionary, Chromatic, Zeplin
WCAG 2.1 AA

Highly desirable skills

Engineering/CAD/3D domain experience, including software used in engineering design, structural modeling, CAD/CAM/CAE, simulation, or technical/scientific applications.
Marine or offshore engineering software familiarity, including shipbuilding, classification, or structural engineering workflows and terminology.
Design system ↔ component library synchronization, such as keeping a Figma system in sync with a live React component library (for example via Storybook integration and token pipelines with Style Dictionary or Tokens Studio).
Responsive and adaptive layout design, including experience across desktop, web, and potentially embedded/offline deployments.
Motion and micro-interaction design to specify meaningful transitions and usability improvements in complex workflows.
Modern design/dev collaboration tools such as Storybook, Chromatic, Zeplin, or similar.

Experience and fit

3+ years of professional UI/UX design experience, with at least 2 years focused primarily on Figma.
Portfolio demonstrating complex, data-rich application design (not only websites or mobile consumer apps).
Demonstrated experience delivering designs that were implemented in React-based front-end applications.

Pay and logistics

Pay: USD 75 - 90 per hourly
Job type: Contract
Location: Spring, TX 77389 (hybrid)

Benefits

401(k)
401(k) matching
Dental insurance
Health insurance
Life insurance
Vision insurance
Company paid medical insurance; optional coverage available for spouse and children
Long term Disability
401K
Workers Compensation Insurance

View full job page →

Get Design To Development Handoff Jobs alerts

New Design To Development Handoff Jobs, daily.