Software Engineer, UI

📍 Job Overview

Job Title: Software Engineer, UI

Company: Wispr Flow

Location: San Francisco, California, United States

Job Type: Full-Time

Category: Frontend Engineering / UI Development

Date Posted: 2026-06-03

Experience Level: Mid-Level (2-5 years implied)

Remote Status: On-site

🚀 Role Summary

• Drive the visual and interaction quality of Wispr Flow's product, focusing on user delight and a polished user experience.

• Develop and ship high-fidelity interfaces for both the core voice dictation platform and the emerging native actions framework.

• Collaborate closely with product and design teams to translate concepts into production-ready frontend code.

• Champion best practices in UI engineering, ensuring meticulous attention to detail in animations, interactions, and overall visual craft.

• Contribute to a fast-paced startup environment, leveraging strong frontend development skills to deliver impactful features.

📝 Enhancement Note: While the raw job description lists "Software Engineer, UI," the emphasis on "craft layer," "surfaces, interactions, and details," and "visual and interaction quality as a first-class engineering concern" strongly indicates a specialized Frontend Engineering role focused on UI/UX implementation rather than general software engineering. The implied experience level of 2-5 years suggests a mid-level position where candidates are expected to have a solid foundation and the ability to work semi-autonomously on UI features.

📈 Primary Responsibilities

• Take ownership of the frontend UI development lifecycle, from prototyping to production deployment, ensuring alignment with product and design vision.

• Implement sophisticated animations and interactions using frameworks like Framer Motion and CSS transitions to enhance user experience and product polish.

• Write clean, maintainable, and performant TypeScript, React, and CSS code, adhering to high standards of code quality and architectural best practices.

• Actively participate in design reviews and provide engineering insights to optimize UI/UX feasibility and implementation details.

• Proactively identify and address UI imperfections, striving for pixel-perfect execution and seamless interaction flows.

• Collaborate with backend engineers to integrate frontend components with necessary APIs and data structures.

• Contribute to the continuous improvement of the frontend development process, tooling, and codebase.

• Translate user needs and product requirements into intuitive and engaging user interfaces.

📝 Enhancement Note: The core responsibilities are inferred from the role's emphasis on "owning the craft layer," "working directly with product and design," and the requirement for "exceptional UI/UX taste." This suggests a hands-on role with significant autonomy in UI implementation and a strong partnership with design and product teams.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Computer Science, Human-Computer Interaction, Design, or a related field is often preferred for roles requiring a strong understanding of both technical implementation and user-centric design principles. Equivalent practical experience will also be strongly considered.

Experience: 2-5 years of professional frontend engineering experience, with a demonstrable focus on building high-quality user interfaces and interactive experiences. Previous experience in a startup environment is highly valued.

Required Skills:

• TypeScript: Proficiency in modern JavaScript with TypeScript for robust and scalable frontend applications.

• React: Deep understanding and practical experience with React.js for building component-based UIs.

• CSS: Expertise in CSS, including preprocessors or CSS-in-JS solutions, for styling and layout with a focus on visual fidelity.

• UI/UX Taste: Exceptional visual and interaction design sensibility, with strong opinions and the ability to articulate and defend them.

• Attention to Detail: Meticulous focus on design, animations, and interaction fidelity.

• User Empathy: A genuine understanding of user behavior and how people interact with software.

• Frontend Engineering Fundamentals: Strong grasp of web performance, accessibility, and cross-browser compatibility.

• Prototyping: Experience in quickly prototyping UI concepts and interactions.

Preferred Skills:

• Framer Motion: Hands-on experience with animation libraries like Framer Motion for creating fluid and engaging animations.

• CSS Transitions/Animations: Proficiency in leveraging CSS for sophisticated visual effects and timing.

• Startup Experience: Previous experience in a startup or founding role, understanding the pace and demands of early-stage companies.

• Aptitude and Clarity of Thought: Ability to quickly grasp complex problems and articulate clear solutions.

• Creativity & Velocity: A blend of innovative thinking and the ability to produce high-throughput, quality code.

📝 Enhancement Note: The "Required Knowledge/Skills, Education, and Experience" section of the original posting is directly translated and expanded. The "2-5 years" experience level is inferred from the typical progression for roles described as owning significant UI implementation without being explicitly senior or lead. The emphasis on a "portfolio or body of work" strongly suggests that practical experience and demonstrable skills are prioritized over formal education.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable Craft: A portfolio showcasing exceptional visual design, interaction fidelity, and attention to detail in shipped products, side projects, or open-source contributions.

• UI/UX Focus: Projects that clearly highlight your ability to translate design concepts into polished, user-friendly interfaces.

• Animation & Interaction: Examples of dynamic UIs with smooth animations and well-timed interactions.

• Technical Execution: Code samples or project links that demonstrate clean, maintainable code in TypeScript, React, and CSS.

Process Documentation:

• While not explicitly stated as formal documentation, your portfolio should implicitly demonstrate your process for:
  • Prototyping: How you take an idea from concept to a tangible UI mockup or interactive prototype.
  • Implementation: Your approach to writing efficient, scalable, and maintainable frontend code.
  • Iteration: How you incorporate feedback from design and product to refine UI elements and interactions.
  • Quality Assurance: Your methods for ensuring high fidelity, performance, and bug-free UI delivery.

📝 Enhancement Note: The original text mentions a "portfolio or body of work" as a key requirement. This section expands on what such a portfolio should contain for a UI Engineer role, focusing on visual craft, interaction design, and technical execution, which are critical for evaluating a candidate's ability to "own the craft layer."

💵 Compensation & Benefits

Salary Range: $135,000 - $240,000 USD per year.

Benefits:

• Equity Grant: Opportunity to own a stake in Wispr Flow's growth and success.

• 401k Matching: Retirement savings plan with employer contributions.

• Relocation Bonus: Assistance for candidates relocating to the San Francisco Bay Area.

• Comprehensive Health Insurance: Medical, Vision, and Dental insurance coverage for employees and potentially dependents.

• Professional Development: Opportunities for learning and skill enhancement.

• Dynamic Startup Environment: Exposure to cutting-edge AI technology and a fast-paced, innovative culture.

Working Hours: Full-time, typically 40 hours per week. While a standard schedule is expected, the startup environment may sometimes require flexibility to meet project deadlines.

📝 Enhancement Note: The salary range is provided directly from the input data. Benefits are also listed, with standard startup offerings like equity and relocation bonuses emphasized. The "working_hours" data point is interpreted as a standard full-time week, with a note on potential startup-related flexibility.

🎯 Team & Company Context

🏢 Company Culture

Industry: Artificial Intelligence (AI), Human-Computer Interaction (HCI), Software Development. Wispr Flow is positioned at the forefront of voice technology and agentic AI, aiming to revolutionize how users interact with their devices.

Company Size: The provided company size is not explicitly stated in the raw data, but the description implies a growing startup. The mention of "raised $81M from Tier 1 VC firms" and "+150% revenue growth every quarter" suggests a company that is past the seed stage and likely in a growth phase, employing dozens to potentially a few hundred individuals.

Founded: The company was founded in 2026 (based on the job posting date and context of "In 2026, in addition to dictation..."). This indicates a very young, dynamic, and innovative organization.

Team Structure:

• Cross-functional Collaboration: The role emphasizes close collaboration with Product and Design teams, indicating a highly integrated approach to product development.

• AI Research & Engineering Focus: The team comprises AI researchers, designers, growth experts, and engineers, suggesting a multidisciplinary environment where technical expertise is highly valued.

• High-Agency Culture: Wispr Flow seeks "high-agency teammates" who are proactive, communicative, user-obsessed, and detail-oriented.

Methodology:

• User-Centric Development: A strong emphasis on understanding and obsessing over users.

• Data-Driven Growth: Evidenced by rapid revenue growth and focus on user adoption.

• Truth-Seeking & Spirited Debate: Encourages open communication, critical thinking, and constructive disagreement to arrive at the best solutions.

• Agile & Iterative: Implied by the rapid growth and focus on shipping polished interfaces.

Company Website: https://wisprflow.ai/

📝 Enhancement Note: Company context is derived from the "About Wispr" section. The founding year is inferred from the job posting date and description. Company size is inferred from growth metrics and funding, suggesting a scaling startup. The culture is described through explicit statements about values and team composition.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level Software Engineer with a specialization in UI. It offers a significant opportunity to shape the user-facing aspects of a cutting-edge AI product. The "owner" mentality expected for the "craft layer" suggests a path towards technical leadership within the UI/Frontend domain.

Reporting Structure: The UI Engineer will work "directly with product and design," implying a close reporting relationship or strong collaboration with these functions, likely reporting into an Engineering Lead or Head of Engineering.

Operations Impact: As a UI Engineer, your impact will be directly tied to user adoption, engagement, and satisfaction. By creating an intuitive, delightful, and highly functional interface, you will be instrumental in making Wispr Flow the preferred interaction method over traditional keyboards, driving revenue growth and market penetration. Your work on the "native actions framework" will define the future of agentic interactions.

Growth Opportunities:

• Technical Specialization: Deepen expertise in frontend architecture, animation, interaction design, and potentially explore areas like WebGL or advanced UI frameworks.

• Product Influence: Gain significant influence over product direction and user experience by working closely with product and design leadership.

• Leadership Potential: As the company scales, opportunities may arise to lead UI/Frontend teams, mentor junior engineers, and define frontend strategy.

• AI Domain Expertise: Develop a strong understanding of AI and HCI principles, becoming a valuable asset in the rapidly evolving AI landscape.

📝 Enhancement Note: This section analyzes the role's place within a career path, focusing on how a UI Engineer contributes to business objectives and what future growth looks like within a fast-paced AI startup. The "Operations Impact" is framed in terms of user adoption, engagement, and revenue, aligning with GTM principles.

🌐 Work Environment

Office Type: The role is explicitly stated as "On-site" in San Francisco. This suggests a traditional office environment designed for in-person collaboration.

Office Location(s): San Francisco, California, United States. This implies a presence in a major tech hub, offering access to a vibrant ecosystem of talent and innovation.

Workspace Context:

• Collaborative Hub: The on-site requirement points to an environment that fosters spontaneous interactions, brainstorming sessions, and direct communication between engineers, product managers, and designers.

• Tooling & Technology: Expect a modern tech stack with access to contemporary development tools, design software, and potentially specialized hardware for AI/ML development if applicable to UI integration.

• Innovation-Focused: Working at Wispr Flow means being part of a team dedicated to pushing the boundaries of human-computer interaction, fostering a culture of experimentation and learning.

Work Schedule: While the standard is 40 hours/week, the startup environment often encourages a results-oriented approach. The emphasis on "creativity, excellence in engineering, and code velocity" suggests that while structure is present, the focus is on output and impact, potentially allowing for some flexibility in how work is accomplished within the on-site framework.

📝 Enhancement Note: The "On-site" designation from the input data is elaborated upon, considering the implications for collaboration, culture, and the physical workspace within a San Francisco tech startup context.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess technical skills, UI/UX craft, and cultural fit.

• Technical Interview(s): In-depth discussions focusing on frontend fundamentals, TypeScript, React, CSS, animation systems, and problem-solving. Expect live coding exercises or pair programming sessions.

• Portfolio Deep Dive: A dedicated session where you present your best work, explaining your design choices, technical implementation, and the impact of your contributions.

• Product/Design Collaboration Discussion: Conversations with Product and Design team members to assess your collaboration style, user empathy, and ability to translate vision into reality.

• Cultural Fit & Values Alignment: Interviews to gauge your alignment with Wispr Flow's values of high agency, open communication, user obsession, and attention to detail.

• Final Interview: Potentially with a founder or senior leadership to discuss overall fit and vision for the role.

Portfolio Review Tips:

• Curate Your Best: Select 3-5 projects that best showcase your UI engineering skills, visual craft, and interaction design capabilities. Prioritize quality over quantity.

• Tell a Story: For each project, clearly articulate the problem, your role, your design and technical solutions, and the outcome or impact. Use visuals and interactive demos effectively.

• Highlight Detail: Specifically point out instances of exceptional animation, interaction fidelity, and attention to detail that align with Wispr Flow's expectations.

• Code Quality: Be prepared to discuss the code behind your projects, emphasizing maintainability, performance, and best practices. Link to GitHub repos if possible.

• Startup Mindset: If you have previous startup experience, be ready to discuss how you thrived in fast-paced, resource-constrained environments.

Challenge Preparation:

• UI/UX Case Study: Be prepared for a potential take-home challenge or an in-interview exercise requiring you to design and/or implement a UI component or feature based on a given prompt.

• Problem-Solving: Practice breaking down complex UI problems, considering edge cases, and articulating your thought process clearly.

• Animation Logic: Familiarize yourself with animation principles and how to implement them effectively in code.

• Communication: Practice explaining technical concepts and design decisions clearly and concisely to both technical and non-technical stakeholders.

📝 Enhancement Note: This section details a typical interview process for a UI Engineer at a growth-stage startup, with specific advice on portfolio presentation and challenge preparation tailored to the role's requirements.

🛠 Tools & Technology Stack

Primary Tools:

• TypeScript: The primary language for frontend development, ensuring type safety and code maintainability.

• React: The core JavaScript library for building declarative and component-based user interfaces.

• CSS: Essential for styling and layout. This may include modern CSS features, preprocessors (Sass/Less), or CSS-in-JS solutions (Styled Components, Emotion).

• Framer Motion: A popular React animation library for creating fluid and interactive animations.

• Version Control: Git, likely with a platform like GitHub or GitLab, for code management and collaboration.

Analytics & Reporting:

CRM & Automation:

Design & Prototyping Tools:

• Figma/Sketch/Adobe XD: Expect to work closely with designers using these tools to receive design specifications and assets.

📝 Enhancement Note: The "Tools & Technology Stack" section is populated based on the "Required Skills" and the general industry standards for modern frontend development in a startup context, specifically highlighting technologies mentioned and implied by the role's responsibilities.

👥 Team Culture & Values

Operations Values:

• High Agency: Take initiative, drive projects forward, and be accountable for your work.

• Open Communication: Share ideas, provide constructive feedback, and engage in spirited debate to find the best solutions.

• User Obsession: Deeply understand and empathize with users, prioritizing their experience in all aspects of development.

• Sweat the Details: Maintain an unwavering commitment to quality, polish, and meticulous execution in every aspect of your work.

• Truth-Seeking: Approach problems with a focus on data and logic, striving for objective decision-making.

• Excellence in Engineering: Uphold high standards for code quality, performance, and architectural design.

Collaboration Style:

• Integrated Teams: Work closely and collaboratively with Product Managers and Designers to co-create the user experience.

• Cross-Functional Partnership: Engage with backend engineers to ensure seamless integration and functionality.

• Feedback Loops: Actively participate in code reviews and design critiques, providing and receiving feedback constructively.

• Shared Ownership: Foster a sense of collective responsibility for the product's success, from concept to delivery.

📝 Enhancement Note: The "Team Culture & Values" section extracts and elaborates on the explicit cultural statements made in the "About Wispr" and "What are we looking for?" sections, framing them within the context of a UI Engineer's daily work and interactions.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration in a New Domain: Working on a novel AI product ("native actions framework") means navigating uncharted technical and user experience territory.

• Balancing Polish with Velocity: Delivering a highly polished UI while maintaining the rapid iteration pace expected of a fast-growing startup.

• Defining Interaction Paradigms: Contributing to the creation of new interaction models for voice-first and agentic computing.

• On-site Collaboration Dynamics: Effectively collaborating within an on-site team, managing diverse perspectives, and ensuring cohesive product development.

Learning & Development Opportunities:

• Cutting-Edge AI: Gain hands-on experience with advanced AI technologies and their application in user interfaces.

• HCI Expertise: Develop a deep understanding of Human-Computer Interaction principles specific to voice and agentic systems.

• Product Strategy Influence: Contribute to high-level product decisions and shape the future user experience of a disruptive technology.

• Frontend Architecture: Grow into a role where you define frontend best practices and architectural patterns for a scaling product.

• Mentorship: Opportunity to learn from experienced AI researchers, designers, and engineers.

📝 Enhancement Note: This section identifies potential challenges inherent in working with new technology and in a startup environment, correlating them with specific learning and growth opportunities for a UI Engineer.

💡 Interview Preparation

Strategy Questions:

• UI/UX Vision: "Describe a time you had a strong opinion about a UI/UX detail and how you advocated for it. What was the outcome?" Prepare to discuss your UI/UX taste and how you defend it.

• Interaction Design: "How would you approach designing the micro-interactions for a voice command confirmation? What elements would you consider?" Be ready to discuss animation, timing, and user feedback loops.

• Technical Problem-Solving: "Imagine we need to build a real-time collaborative drawing canvas. What are the key frontend challenges, and how would you approach them?" Focus on explaining your thought process, potential libraries, and trade-offs.

• Startup Experience: "Tell me about a time you had to ship a feature with less than ideal resources or time. How did you prioritize and deliver?" Highlight your ability to manage scope and deliver under pressure.

Company & Culture Questions:

• User Empathy: "How do you ensure your UI designs and implementations truly serve the user's needs?" Prepare examples of how you've incorporated user feedback or observed user behavior.

• Attention to Detail: "Can you give an example of a small detail you noticed in an interface that significantly improved the user experience?" Showcase your meticulous observation skills.

• Team Collaboration: "Describe your ideal working relationship with a Product Manager and a Designer." Emphasize your collaborative approach and communication style.

Portfolio Presentation Strategy:

• Narrative Flow: Structure your presentation like a story: Problem -> Your Role/Solution -> Technical Implementation -> Impact/Outcome.

• Visual Emphasis: Use clear screenshots, GIFs, or live demos to showcase the visual craft and interactions.

• Technical Depth: Be ready to briefly explain the key technologies and architectural decisions behind your projects.

• Conciseness: Stick to the most impactful aspects of each project to respect interview time.

📝 Enhancement Note: This section provides targeted interview preparation advice, including potential strategy questions, company culture alignment prompts, and specific guidance on presenting a UI Engineer's portfolio.

📌 Application Steps

To apply for this Software Engineer, UI position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Curate your online portfolio or PDF to prominently feature 2-3 of your strongest UI engineering projects that demonstrate exceptional visual craft, interaction design, and technical execution in React/TypeScript/CSS.

• Resume Optimization: Tailor your resume to highlight experience with UI development, animation systems (like Framer Motion), user empathy, detail-orientation, and any previous startup or founding roles. Quantify achievements where possible.

• Prepare Your Narrative: Practice articulating your approach to UI development, your design philosophy, and how you ensure a high-quality user experience. Be ready to walk through your portfolio projects with confidence.

• Company Research: Familiarize yourself with Wispr Flow's mission, product (voice dictation, native actions), and recent growth. Understand their focus on human-computer interaction and AI.

⚠️ 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.

---