Senior Full Stack Developer with 3D/2D engine experience

Summary

Looking for experienced Senior React/Next.js/Typescript developer with +5 years’ experience working on 2D/3D rendering engines, who has directly implemented image processing using WebGL / cloud services and has familiarity with Figma SDK. We need an autonomous and excellent problem solver who can operate independently.

Product

Looking to hire experienced developer into a part-time role (~20hrs/wk to start, additional hours if all goes well) to design & implement enhancements to a Figma plugin, that converts Figma prototypes into MP4 and GIF files.

The plugin works by reading layer, property, and interaction settings from a user's design file via the Figma API and converting those into instructions that are rendered on a 2D canvas. That rendering is then captured in a series of snapshots that are stitched together into GIF and MP4 files as a final deliverable. It also handles GIF and Video fills which are rendered as layers on the canvas through the same process.

Right now, all of this happens on the client/browser using the CPU, but we are interested in implementing WebGL and/or cloud services to significantly reduce processing times. Codebase is divided into a Figma Plugin and a Next.js mono-repo with ~40k total lines of code written entirely in Typescript. The server leverages Next.js frameworks / React and is used as a bridge to AWS conversion services. Our objective is to mimic the Figma player result as closely as possible. There are several gaps we've identified that we'd like to close in the short term, with ongoing improvements. We'd like to implement in Agile fashion. This will require someone familiar with 2D rendering techniques, the Figma SDK, and that has implemented WebGL / cloud services image processing in prior projects.

Existing technological stack for the PluginLanguage: TypescriptFramework: Figma SDK / Figma Plugin Architecture Existing tech stack for the Backend ServerLanguage: TypescriptFront end: React.Back end: Node.js / Next.jsDatabase: Postgres SQLAPIs used: Stripe SDK, AWS Media ConvertCloud Services: Vercel (Next.js hosting), AWS (S3, Cloudwatch)

Description of role In the short run, we need this person to:Implement changes to architecture currently being finalized, that will add audio support to MP4 exports.Implement a bulk MP4 export feature to render multiple Figma flows simultaneously; currently we have a feature deployed for GIF but need to design & implement parallel solution for MP4.Explore feasibility of implementing WebGL and/or cloud services for image processing to significantly improve rendering time. Design, implement, and deploy a solution incrementally in an Agile fashion.

Over intermediate/long term, we need an excellent problem solver who can operate independently, starting with a list of prioritized user stories, identify & assess potential solutions, evaluate & communicate tradeoffs of each approach, estimate effort required to deliver in terms of number of sprints, and work in a weekly sprint cycle with daily standups, weekly pushes to production, and feedback from customers to confirm value delivered.

Required experience.

+5 years working on 2D/3D rendering engines, such as Unity, Unreal, GoDot, etc. Deep familiarity with related 2D concepts (i.e., sprites, scaling, rotation, z-sorting, transparency, color keying, etc.)Experience implemented WebGL and/or cloud services image processing.Excellent problem solver with an ability to operate independently.Understand the concepts of maintainability, testability and code documentation. Experience working with Agile development approach, short sprints and weekly production releases.Existing familiarity with the Figma SDK.Math & physics background / degree a plus. NOTE: Please DO NOT apply unless you have all of the following: (1) prior experience with 2D rendering engines/techniques mentioned above, (2) previously implemented WebGL / cloud services image processing in a project, (3) are either already familiar with Figma SDK or can confidently get up to speed in a reasonable time. Candidates that do not meet these criteria will not be considered.

Application process

Start date: Week of 7/29/24.Hours: 20 per week, opportunity to convert to full time if growth milestones hitRate: $100 p. hour ($8k per month)Duration: Indefinite/ongoing To apply, please submitResumeResponses to following questions.Describe your direct experience working on 2D/3D rendering engine.Describe your familiarity with following 2D rendering concepts: e.g. sprites, scaling, rotation, z-sorting, transparency, & color keying.Describe a project you worked on where you implemented WebGL / cloud services for image processing.Describe your experience working directly with Figma SDK.Link to public GitHub repo / code repository / portfolio showing your recent contribution.

Interview process will include following steps.Submit your application, including your resume, a response to questions above, and relevant links.Fit interview conducted weeks of 6/24 and 7/1.Candidates who fit the profile will be invited to a live technical interview to assess their problem-solving and programming skills with a Senior Architect.An in-home exercise will be requested to test your ability to understand and develop in the Figma environment. Results will be sent and reviewed.The final decision will be made and communicated after validation.

Key Skills

• TypeScript
• Full Stack
• Amazon CloudWatch