Founding Product Designer

📍 Job Overview

Job Title: Founding Product Designer

Company: Tempo

Location: Toronto, Ontario, Canada

Job Type: Full-Time

Category: Product Design & Engineering

Date Posted: 2025-10-21

Experience Level: Mid-Level to Senior (2-5 years recommended)

Remote Status: On-site

🚀 Role Summary

• Lead the end-to-end product design and engineering process, translating complex problems into intuitive and visually appealing user interfaces for a visual IDE platform.

• Architect and implement a scalable design system, defining tokens, theming, and component APIs to ensure consistency and maintainability across the product.

• Collaborate closely with product, engineering, and AI/ML teams to design and build innovative real-time collaboration features and AI-augmented workflows.

• Drive the aesthetic and functional quality of user experiences, incorporating motion design, micro-interactions, and accessibility best practices.

• Contribute to the development of production-ready components using React, TypeScript, and Tailwind CSS, integrating with modern UI libraries and patterns.

📝 Enhancement Note: This role is positioned as a "Founding Product Designer," implying significant ownership and impact on the foundational design and engineering practices of the product. The emphasis on "design engineering" suggests a hybrid role requiring both strong UI/UX design skills and hands-on front-end development capabilities, particularly within a component-based system. The target experience level of 2-5 years is inferred from the "founding" nature and the expectation of end-to-end ownership, suggesting a need for proven experience rather than entry-level.

📈 Primary Responsibilities

• Spearhead the entire UI/UX design lifecycle, from initial concept and user flow mapping to wireframing, prototyping, and the delivery of high-fidelity, production-ready interfaces.

• Develop and implement responsive, accessible UI components using React, TypeScript, and Tailwind CSS, adhering to established design system patterns and best practices (e.g., Radix UI, shadcn).

• Partner cross-functionally with Product Managers, Software Engineers, and AI/ML specialists to conceptualize and design user-friendly interactions for sophisticated real-time, multi-user functionalities.

• Champion the evolution and enforcement of Tempo's design system, focusing on design tokens, theming strategies, comprehensive documentation, and robust component APIs for optimal scalability and brand consistency.

• Integrate and refine AI-assisted design-to-code workflows, authoring patterns that can be reliably composed by AI agents and ensuring seamless integration with the product's AI capabilities.

• Enhance user comprehension and delight through the strategic application of motion design, micro-interactions, and thoughtful state management within the UI.

• Contribute to the development of collaborative user experiences leveraging technologies like Liveblocks or WebSockets, with a focus on optimizing presence indicators, conflict resolution strategies, and latency management.

• Ensure all delivered UI adheres to stringent accessibility standards (WCAG) and contributes to high performance metrics, such as green Core Web Vitals, while actively measuring UX impact through relevant product analytics.

📝 Enhancement Note: The responsibilities have been expanded to detail the scope of "end-to-end UI" ownership, "building real product" with specific technologies, and "designing complex UX" by detailing the collaborative environment and feature types. The design system evolution, AI integration, and performance/accessibility aspects have been elaborated based on industry best practices for a product as described.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in Human-Computer Interaction (HCI), Design, Computer Science, or a related field is beneficial. Emphasis is placed on demonstrated skills and portfolio over formal education.

Experience: 2-5 years of experience in UI/UX design, with a significant portion involving hands-on front-end development or deep collaboration with development teams on shipping product features. Proven experience in building and maintaining design systems is highly valued.

Required Skills:

• A compelling portfolio showcasing shipped, product-quality UI with exceptional visual taste and a strong systems-thinking approach. Case studies must highlight process rigor, design systems, interaction patterns, accessibility considerations, and measurable product impact.

• Advanced proficiency in Figma, including expertise in creating flows, interactive prototypes, and managing component variants and props.

• Demonstrable experience building and contributing to design systems, including understanding of design tokens, theming mechanisms, and component API design.

• Solid grasp of core UX principles, interaction design methodologies, and fundamental accessibility standards (e.g., WCAG).

Preferred Skills:

• Hands-on professional experience with React, TypeScript, and Tailwind CSS in a production environment.

• Familiarity with UI animation libraries and techniques, such as Framer Motion, CSS keyframes, or spring physics implementations.

• Experience designing or implementing real-time collaboration UX patterns (e.g., CRDTs, optimistic UI, presence indicators).

• Experience with front-end testing frameworks and tools like Storybook, Playwright, Jest, and accessibility testing utilities (e.g., axe, aria-lint).

• Understanding of mobile-first design principles or experience with Expo/React Native, or advanced responsive design techniques beyond simple breakpoints.

📝 Enhancement Note: The "Must-haves" have been clarified to emphasize the portfolio's content and the depth of Figma skills. "Nice-to-haves" have been rephrased as "Preferred Skills" and expanded with specific examples of technologies and concepts relevant to the role's described responsibilities. The experience level is explicitly stated as inferred.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase 2-3 comprehensive case studies detailing the end-to-end design and implementation of significant product features or components.

• Clearly articulate the problem statement, your design process, the rationale behind key decisions, and the final solution's impact.

• Highlight expertise in design system architecture, including examples of token usage, theming capabilities, and component structure.

• Demonstrate a strong understanding of accessibility implementation and performance optimization strategies within your projects.

Process Documentation:

• Case studies should detail your approach to user research (even if informal), ideation, wireframing, prototyping, and user testing.

• Document your contribution to or creation of design system documentation, including style guides, component libraries, and best practice guidelines.

• Illustrate your process for collaborating with engineering teams, including handoff procedures and iterative feedback loops.

• Provide evidence of how you measure and iterate on user experience post-launch, referencing product metrics and performance data.

📝 Enhancement Note: This section has been specifically tailored to a "Founding Product Designer" role, emphasizing the need for detailed case studies that demonstrate not just design output but also strategic thinking, process ownership, and quantifiable impact. Portfolio requirements are structured to align with the dual nature of the role—design craft and engineering execution.

💵 Compensation & Benefits

Salary Range: $125,000 - $200,000 CAD per year.

Benefits:

• Equity Ownership: Significant stock options in a rapidly growing AI startup, offering potential for substantial financial upside.

• Comprehensive Health Coverage: Details not specified, but typically includes medical, dental, and vision insurance for employees and potentially dependents.

• Flexible Vacation & Sick Policy: Encourages work-life balance and employee well-being, allowing individuals to take time off as needed to recharge and recover.

• In-House Team Environment: A collaborative and engaging workspace with lunch provided three days a week, fostering team cohesion and reducing daily friction.

• Quarterly Team Events & Outings: Opportunities to celebrate team achievements, build camaraderie, and strengthen interpersonal relationships outside of regular work tasks.

• Professional Development Support: While not explicitly stated, startups of this nature often provide opportunities for learning, attending conferences, or acquiring new skills relevant to the role.

Working Hours: Standard full-time hours are expected, typically around 40 hours per week. The flexible vacation policy suggests an emphasis on output and work-life balance rather than strict adherence to hours.

📝 Enhancement Note: The provided salary range from the input data is clearly stated. Benefits listed are directly from the input and rephrased for clarity. The "working hours" are inferred based on standard full-time expectations, with a note on the emphasis on work-life balance. A note about potential professional development support is added as a common startup offering.

🎯 Team & Company Context

🏢 Company Culture

Industry: Artificial Intelligence (AI) and Software Development, specifically focusing on generative AI for design and development tools. Tempo operates at the intersection of Product Design, Engineering, and AI, a rapidly evolving and high-growth sector.

Company Size: Early-stage startup, likely between 10-50 employees, given its backing by Y Combinator and "founding" role designation. This size fosters a dynamic, hands-on environment where individual contributions have a significant impact.

Founded: Founded recently, evidenced by its "fast-growing AI startup" status and Y Combinator backing. This implies a culture of rapid iteration, innovation, and adaptability.

Team Structure:

• The design and engineering functions are likely integrated, with this role acting as a pivotal point between product strategy and technical execution.

• Close collaboration with dedicated Product Management, Software Engineering, and AI/ML teams is central to the role's success.

Methodology:

• Agile Development: Expect iterative development cycles, rapid prototyping, and continuous feedback integration common in startup environments.

• Data-Driven Design: Emphasis on measuring UX impact through product metrics and Core Web Vitals, informing design decisions.

• Systems Thinking: A core approach to building scalable design systems and robust component architectures.

• AI Integration: A forward-thinking methodology that leverages AI to augment design and development workflows.

Company Website: https://www.tempo.new/

📝 Enhancement Note: The company culture is inferred from its status as a Y Combinator-backed AI startup. "Company Size" is estimated based on typical startup growth stages. The "Team Structure" and "Methodology" sections are crafted to reflect the collaborative, iterative, and innovation-driven nature expected in such an environment, with a specific focus on design and AI integration.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a "Founding Product Designer" and "leadership position." It signifies a senior individual contributor role with significant autonomy and influence over the product's core user experience and design engineering standards. It's a critical early hire that will shape the design function.

Reporting Structure: Likely reports directly to the Head of Product, CTO, or one of the Founders, given the early-stage nature of the company and the foundational aspect of the role.

Operations Impact: The designer will have a direct and profound impact on Tempo's core offering – its visual IDE. Success in this role will translate to faster product development cycles for Tempo's users, improved user adoption, higher retention rates, and a stronger competitive advantage in the AI-driven design tools market. The design system and AI integrations will be foundational to the company's scalability and future product evolution.

Growth Opportunities:

• Leadership Expansion: Potential to build and lead a design team as the company scales, defining the hiring strategy and design culture.

• Technical Specialization: Deepen expertise in design systems, AI-driven design, real-time collaboration technologies, and front-end performance optimization.

• Product Strategy Influence: Play a key role in shaping the product roadmap and future direction of Tempo's capabilities, leveraging design insights.

• Entrepreneurial Experience: Gain invaluable experience in building a company from its early stages, understanding business strategy, fundraising, and market positioning.

📝 Enhancement Note: The "Operations Career Level" is defined by the "Founding" title and leadership implications. The "Reporting Structure" is inferred based on typical startup organizational dynamics. The "Operations Impact" is elaborated to connect design outcomes to business objectives like user adoption and competitive advantage. "Growth Opportunities" are mapped out from an individual contributor leadership path to broader entrepreneurial exposure.

🌐 Work Environment

Office Type: Tempo emphasizes an "in-office team environment" with lunch provided three days a week, indicating a preference for a hybrid or primarily on-site setup that fosters in-person collaboration. This suggests a dedicated office space designed for team interaction.

Office Location(s): Toronto, Ontario, Canada. This is a major tech hub, providing access to talent and networking opportunities. Specific office details (e.g., amenities, neighborhood) are not provided but are expected to support a productive and collaborative work atmosphere.

Workspace Context:

• Collaborative Focus: The in-office requirement and provided lunches point towards a workspace that encourages spontaneous interactions, brainstorming sessions, and team cohesion.

• Tooling & Technology: Expect access to modern design and development tools, including high-performance workstations, Figma, and potentially specialized hardware or software relevant to AI development.

• Team Interaction: Opportunities for direct collaboration with product, engineering, and AI/ML teams daily, facilitating rapid iteration and problem-solving.

Work Schedule: While full-time hours are standard, Tempo's flexible vacation policy suggests an output-oriented culture that values work-life balance. The on-site requirement likely means core hours for team collaboration, with some flexibility possible depending on team needs and individual arrangements.

📝 Enhancement Note: The "Office Type" and "Workspace Context" are derived from the "in-house team environment" and "lunch provided" benefits, inferring a focus on in-person collaboration. "Office Location(s)" are stated, and "Work Schedule" is contextualized with the provided benefit of flexible vacation.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio by the hiring team to assess alignment with the role's requirements and assess visual taste, systems thinking, and technical proficiency.

• Portfolio Deep Dive: An in-depth discussion about your portfolio case studies. Expect to walk through your process, design decisions, challenges faced, and the impact of your work. Be prepared to elaborate on your approach to design systems, accessibility, and collaboration.

• Technical/Design Challenge: A practical exercise, potentially involving designing a feature, evolving a component, or solving a specific UX problem relevant to Tempo's product. This may be a take-home assignment or an in-house session.

• Cross-Functional Interviews: Meetings with members of the Product, Engineering, and AI/ML teams to evaluate collaboration skills, communication style, and technical understanding.

• Founder/Leadership Interview: A final discussion to assess cultural fit, strategic alignment, long-term vision, and enthusiasm for Tempo's mission.

Portfolio Review Tips:

• Storytelling: Structure your case studies as narratives that highlight the problem, your unique contribution, the process, and the measurable outcome.

• Show, Don't Just Tell: Provide clear visuals, interactive prototypes, and concrete examples of your design system work.

• Quantify Impact: Whenever possible, use data and metrics to demonstrate the success of your design solutions.

• Highlight Process: Detail your thought process, decision-making rationale, and how you navigated challenges, especially regarding design systems and AI integration.

• Tailor to Tempo: Emphasize projects that align with Tempo's focus on AI, real-time collaboration, and sophisticated design engineering.

Challenge Preparation:

• Understand the Product: Thoroughly research Tempo's current product and target audience.

• Focus on Core Skills: Prepare for challenges that test your UI design, interaction design, and design system thinking. If a coding component is involved, brush up on React, TypeScript, and Tailwind.

• Think Systems: Demonstrate how your solutions integrate with or extend existing design systems.

• Prioritize: If time is limited, focus on delivering a well-reasoned core solution rather than a perfectly polished but incomplete one. Articulate your priorities.

📝 Enhancement Note: This section is designed to provide actionable advice for candidates. The interview stages are outlined based on typical startup hiring processes for senior design roles, with a strong emphasis on portfolio review and practical application. The portfolio and challenge preparation tips are specific to the role's requirements and Tempo's product context.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design and prototyping tool for UI creation, wireframing, and flow mapping. Proficiency in advanced features like variants, auto layout, and component properties is essential.

• React: The primary JavaScript library for building user interfaces. Experience with functional components and hooks is expected.

• TypeScript: A superset of JavaScript that adds static typing, crucial for building robust and scalable front-end applications.

• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs directly in the markup.

Analytics & Reporting:

• Product Analytics Tools: (e.g., Amplitude, Mixpanel, PostHog) for tracking user behavior, feature adoption, and measuring UX impact.

• Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest, or integrated solutions) for tracking Core Web Vitals and ensuring fast, responsive UI.

CRM & Automation: Not directly applicable to this design role, but understanding how design integrates with product management and development workflows is key.

Design System & Collaboration Tools:

• Component Libraries: (e.g., Radix UI, shadcn UI patterns) for foundational UI elements.

• Storybook: A tool for developing, testing, and documenting UI components in isolation.

• Version Control: Git (e.g., GitHub, GitLab) for code management and collaboration.

• Real-Time Collaboration Tools: (e.g., Liveblocks, WebSockets) for building collaborative features.

• Animation Libraries: (e.g., Framer Motion) for implementing micro-interactions and motion design.

📝 Enhancement Note: The "Primary Tools" are directly extracted from the job description. "Analytics & Reporting" tools are inferred based on the responsibility to "measure UX with meaningful product metrics" and ensure "Core Web Vitals." "Design System & Collaboration Tools" are further elaborated based on preferred skills and the nature of building a collaborative design IDE.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: A commitment to high-quality design and code, emphasizing polish, accessibility, and performance.

• Innovation & Experimentation: A culture that encourages exploring new ideas, particularly around AI-augmented workflows and advanced collaboration features.

• Collaboration & Transparency: Open communication and teamwork across product, engineering, and design to achieve shared goals.

• User-Centricity: A deep focus on understanding user needs and delivering intuitive, valuable experiences that solve real problems for product teams.

• Ownership & Impact: A drive to take responsibility for critical areas of the product and make a tangible difference in the company's success.

Collaboration Style:

• Integrated Teams: Design, Product, and Engineering work closely together, with this role acting as a bridge between design intent and technical implementation.

• Iterative Feedback: A continuous loop of feedback and iteration is expected, involving design reviews, code reviews, and user testing.

• Shared Ownership: A collective responsibility for the product's success, where everyone contributes to problem-solving and decision-making.

• Knowledge Sharing: Encouraging the sharing of best practices, learnings, and new techniques within the team, especially concerning design systems and AI.

📝 Enhancement Note: "Operations Values" and "Collaboration Style" are synthesized from the company description, role responsibilities, and the general ethos of a startup in the AI/design tech space. These are framed to be relevant to a "Product Designer" role within a high-growth tech company, focusing on how these values manifest in daily work and team interactions.

⚡ Challenges & Growth Opportunities

Challenges:

• Pioneering New Workflows: Establishing and refining novel AI-assisted design-to-code processes and integrating them seamlessly into user workflows.

• Balancing Visual Polish with Production Code: Ensuring that high-fidelity designs are accurately translated into production-ready, maintainable code, especially within a rapidly evolving component library.

• Scaling a Design System: Developing a design system that is robust, flexible, and scalable enough to support future product growth and diverse user needs.

• Real-Time Collaboration Complexity: Designing intuitive and performant user experiences for complex real-time, multi-user features, managing technical constraints like latency and conflict resolution.

• Defining "Founding" Standards: Setting the precedent for design quality, process, and culture in a new, fast-paced startup environment.

Learning & Development Opportunities:

• Deep Dive into AI Design: Becoming an expert in leveraging AI to enhance design and development processes.

• Advanced Front-End Craft: Mastering modern front-end technologies, component architecture, and performance optimization within a production setting.

• Design System Leadership: Gaining extensive experience in architecting, documenting, and scaling complex design systems.

• Startup Growth Dynamics: Experiencing firsthand the challenges and rewards of building a high-growth technology company from the ground up.

• Mentorship: Opportunity to learn from experienced founders and engineers, and potentially mentor future design hires.

📝 Enhancement Note: "Challenges" are identified based on the unique aspects of the role, such as "founding" status, AI integration, and real-time collaboration. "Learning & Development Opportunities" are framed around the specialized skills and experiences this role offers, aligning with career progression for a senior product designer in a tech startup.

💡 Interview Preparation

Strategy Questions:

• Design System Philosophy: Be prepared to discuss your approach to building, maintaining, and scaling design systems. What are the key principles for theming, component APIs, and documentation? How do you ensure adoption?

• AI Integration in Design: How would you approach designing features that leverage AI? What are the potential pitfalls and opportunities? How can AI augment the designer's workflow rather than replace it?

• Collaboration UX Design: Discuss your experience designing for real-time, multi-user environments. What are the critical UX considerations for presence, conflict resolution, and latency?

• Balancing Speed and Quality: In a startup, how do you balance the need for rapid iteration with maintaining high standards for UI/UX, accessibility, and code quality?

• Measuring Design Impact: How do you define and measure the success of your design work? What metrics are most important for a product like Tempo?

Company & Culture Questions:

• Tempo's Mission: Articulate your understanding of Tempo's mission and how your role as a founding designer contributes to achieving it.

• Startup Culture Fit: How do you thrive in a fast-paced, early-stage startup environment? What are your expectations for team collaboration and communication?

• Design Leadership: As a founding designer, how would you establish and evolve the design culture and best practices at Tempo?

Portfolio Presentation Strategy:

• Narrative Flow: Structure your presentation around compelling stories for each case study, clearly defining the problem, your solution, and the impact.

• Interactive Demos: If possible, show live prototypes or interactive elements to bring your designs to life.

• Process Transparency: Detail your design process, including user research, ideation, iteration, and collaboration with engineering.

• Highlight Technical Contributions: For this role, explicitly showcase any code you've written, components you've built, or design system contributions.

• Focus on Impact: Quantify achievements with metrics wherever possible, demonstrating ROI and user value.

📝 Enhancement Note: Interview preparation advice is tailored to the specific demands of a "Founding Product Designer" role at an AI startup. Questions focus on design systems, AI, collaboration, startup dynamics, and the dual nature of design and development. Portfolio presentation strategies emphasize demonstrating both design craft and execution capability.

📌 Application Steps

To apply for this Founding Product Designer position:

• Submit your application through the provided Ashby link, ensuring your resume and portfolio are attached.

• Portfolio Customization: Tailor your portfolio to highlight projects demonstrating your end-to-end design ownership, design system expertise, and hands-on front-end development contributions, especially those involving React/TypeScript/Tailwind. Showcase case studies that align with Tempo's focus on AI and collaboration.

• Resume Optimization: Ensure your resume clearly articulates your experience with UI/UX design, design systems, and front-end development. Use keywords from the job description and quantify your achievements with specific metrics and outcomes.

• Interview Preparation: Practice articulating your design process, decision-making logic, and the impact of your work. Be ready to discuss your experience with Figma, React, TypeScript, Tailwind CSS, and design system principles. Prepare to walk through your portfolio case studies in detail.

• Company Research: Thoroughly research Tempo's product, mission, and the AI/design tech landscape. Understand their competitive positioning and consider how your skills and vision align with their future growth.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---