Product
Generative UX
Role
Founder
Year
2023 - Now
Keywords
AI Product / AI Development / AI Design / Product Discovery / Design Systems / Prompt Engineering / UX / UI / Interaction Design / Founder / Business Model / Business Development / Product Discovery / Product Marketing / Growth
Semanttic
Project Overview
Semanttic integrates requirements, prototyping, design systems, & automated code generation into one easy-to-use workflow.
Instead of spending weeks and months building a new product or feature concept by hand, Semanttic will generate your product user interface instantly. We integrate with your brand’s existing design system and you can export to Figma for detailed design or your code repository for detailed development.
Project Overview
Semanttic integrates requirements, prototyping, design systems, & automated code generation into one easy-to-use workflow.
Instead of spending weeks and months building a new product or feature concept by hand, Semanttic will generate your product user interface instantly. We integrate with your brand’s existing design system and you can export to Figma for detailed design or your code repository for detailed development.
The Problem
Product Owners and Developers have three bad problems that Semanttic solves:
Manual, time-consuming processes
Disjointed, tool-heavy workflows
Lack of real-time iteration
Semanttic's focus on back-office/internal applications is an area historically underserved by design. This has resulted in every company struggling with unusable applications to operate their business that are also expensive to develop and update.
The Problem
Product Owners and Developers have three bad problems that Semanttic solves:
Manual, time-consuming processes
Disjointed, tool-heavy workflows
Lack of real-time iteration
Semanttic's focus on back-office/internal applications is an area historically underserved by design. This has resulted in every company struggling with unusable applications to operate their business that are also expensive to develop and update.
The Solution
Semanttic integrates product requirements, prototyping, design systems, and code generation into one, easy-to-use, AI workflow. Product Owners and Developers now have a design superpower to go from concept to production user interface.
The business case for a company building some of its own internal tooling is very clear and is very much on trend now. With AI, internal teams can very easily create their own tools that are custom fit for purpose and much more cost-effective to develop, operate, and upgrade.
The Solution
Semanttic integrates product requirements, prototyping, design systems, and code generation into one, easy-to-use, AI workflow. Product Owners and Developers now have a design superpower to go from concept to production user interface.
The business case for a company building some of its own internal tooling is very clear and is very much on trend now. With AI, internal teams can very easily create their own tools that are custom fit for purpose and much more cost-effective to develop, operate, and upgrade.
The Result
Pre-seed funding with investments from Jason Calacanis, Mana Ventures, Ridewave Ventures, and was in the Techstars Miami 2024 Spring cohort
Named the best AI product from the Spring '24 Techstars cohort
200+ user interviews and test as part of the product discovery process
First AI design product to compose user interfaces from text prompts
Only AI product to utilise any design system to compose user interfaces
1000+ users
Successful enterprise pilot with Volvo Group
The Result
Pre-seed funding with investments from Jason Calacanis, Mana Ventures, Ridewave Ventures, and was in the Techstars Miami 2024 Spring cohort
Named the best AI product from the Spring '24 Techstars cohort
200+ user interviews and test as part of the product discovery process
First AI design product to compose user interfaces from text prompts
Only AI product to utilise any design system to compose user interfaces
1000+ users
Successful enterprise pilot with Volvo Group
Prompt
The process begins with a user providing a prompt, which can be a simple description of their application idea, a detailed product requirements document, or even screenshots of an existing application they wish to replicate. Semanttic leverages AI to analyze the prompt and generate a clickable prototype in seconds, complete with user stories, user flows, and a fully interactive UI.
The user can write their own prompt or use Semanttic's Prompt Library, where we have created prompts for the most common types of internal business applications. One can even copy/paste their existing Product Requirements Document (PRD) if they have it. This became a separate product we released called ChatPRD.com.
Prompt
The process begins with a user providing a prompt, which can be a simple description of their application idea, a detailed product requirements document, or even screenshots of an existing application they wish to replicate. Semanttic leverages AI to analyze the prompt and generate a clickable prototype in seconds, complete with user stories, user flows, and a fully interactive UI.
The user can write their own prompt or use Semanttic's Prompt Library, where we have created prompts for the most common types of internal business applications. One can even copy/paste their existing Product Requirements Document (PRD) if they have it. This became a separate product we released called ChatPRD.com.
Generate
This AI-driven approach not only accelerates the design process but also ensures that the generated UI adheres to the customer's brand guidelines and design system, guaranteeing a consistent and usable interface.
Semanttic's ability to rapidly create high-quality UIs from natural language descriptions or existing design elements significantly reduces the manual effort and time typically required in traditional UI design workflows, allowing product teams to focus on innovation and higher-value activities.
Generate
This AI-driven approach not only accelerates the design process but also ensures that the generated UI adheres to the customer's brand guidelines and design system, guaranteeing a consistent and usable interface.
Semanttic's ability to rapidly create high-quality UIs from natural language descriptions or existing design elements significantly reduces the manual effort and time typically required in traditional UI design workflows, allowing product teams to focus on innovation and higher-value activities.
Iterate
After Semanttic generates an application, users have a variety of options to refine and iterate on their design. What is generated is a clickable prototype that enables the user to very quickly assess the application and understand the flow.
They can then iterate by editing user stories to automatically generate new screen layouts; thus, ensuring the UI aligns with the desired functionality. To explore different design directions, users can create multiple versions of the same screen. The platform also allows users to add new screens to the application, expanding its scope and functionality. Semanttic provides a flexible and iterative workflow, enabling users to easily refine and enhance their generated UI through these various options.
Iterate
After Semanttic generates an application, users have a variety of options to refine and iterate on their design. What is generated is a clickable prototype that enables the user to very quickly assess the application and understand the flow.
They can then iterate by editing user stories to automatically generate new screen layouts; thus, ensuring the UI aligns with the desired functionality. To explore different design directions, users can create multiple versions of the same screen. The platform also allows users to add new screens to the application, expanding its scope and functionality. Semanttic provides a flexible and iterative workflow, enabling users to easily refine and enhance their generated UI through these various options.
Figma Plugin
Semanttic offers a valuable feature that allows users to seamlessly integrate their generated UIs into Figma. Users can export their entire project using the Semanttic Figma plugin, which is then imported into Figma as a layered and named file.
This functionality preserves the structure and organization of the UI elements, making it easy for designers to edit and refine the design within Figma's familiar. The Figma export capability bridges the gap between Semanttic's AI-powered generation and the detailed design work that often takes place in Figma, enabling a smooth transition between these two stages of the design process.
Figma Plugin
Semanttic offers a valuable feature that allows users to seamlessly integrate their generated UIs into Figma. Users can export their entire project using the Semanttic Figma plugin, which is then imported into Figma as a layered and named file.
This functionality preserves the structure and organization of the UI elements, making it easy for designers to edit and refine the design within Figma's familiar. The Figma export capability bridges the gap between Semanttic's AI-powered generation and the detailed design work that often takes place in Figma, enabling a smooth transition between these two stages of the design process.
Code Export
Semanttic provides users with the ability to export their generated UIs directly into code, streamlining the transition from design to development. Users can access and export the code for their application into their preferred development environment.
The aim is to offer customers flexibility in how they implement their generated UIs and can be configured to support any front-end framework (e.g., React, Angular, Vue, etc.). Semanttic's code export capability reduces the manual effort involved in translating designs into functional code, further accelerating the development process.
Code Export
Semanttic provides users with the ability to export their generated UIs directly into code, streamlining the transition from design to development. Users can access and export the code for their application into their preferred development environment.
The aim is to offer customers flexibility in how they implement their generated UIs and can be configured to support any front-end framework (e.g., React, Angular, Vue, etc.). Semanttic's code export capability reduces the manual effort involved in translating designs into functional code, further accelerating the development process.
Use Any Design System
Semanttic offers users the flexibility to switch between different design systems, ensuring that the generated UIs align with their company's branding and visual identity. Users can select the desired design system during the application creation process, influencing the overall look and feel of the generated UI.
Semanttic is designed to be compatible with a wide range of design systems, including both customer-specific systems and industry-standard options. This ability to easily switch design systems eliminates the need for manual adjustments to match branding guidelines, further streamlining the design workflow.
Here you can see we have switched from Volvo's Experience Design System to Google's Material system. Semanttic enabled enterprise customers to integrate their own internal design system and leverage AI to automate much of the UI development and application scope for internal back-office applications.
Use Any Design System
Semanttic offers users the flexibility to switch between different design systems, ensuring that the generated UIs align with their company's branding and visual identity. Users can select the desired design system during the application creation process, influencing the overall look and feel of the generated UI.
Semanttic is designed to be compatible with a wide range of design systems, including both customer-specific systems and industry-standard options. This ability to easily switch design systems eliminates the need for manual adjustments to match branding guidelines, further streamlining the design workflow.
Here you can see we have switched from Volvo's Experience Design System to Google's Material system. Semanttic enabled enterprise customers to integrate their own internal design system and leverage AI to automate much of the UI development and application scope for internal back-office applications.
My Role
Prototyped the original concept and alpha release
Founded company and responsible for all legal, financial, and tax compliance
Investor management, fund raising, and advisory board recruitment
UX/UI designer for application and landing site
Product discovery and user research, conducting 200+ user interviews and tests
Recruited technical co-founder and engineering team for beta release
Responsible for business development and selling enterprise pilot to Volvo
Led enterprise pilot and collaboration with customers on-site to utilise Semanttic in their workflows and toolchain
Product marketing and growth
My Role
Prototyped the original concept and alpha release
Founded company and responsible for all legal, financial, and tax compliance
Investor management, fund raising, and advisory board recruitment
UX/UI designer for application and landing site
Product discovery and user research, conducting 200+ user interviews and tests
Recruited technical co-founder and engineering team for beta release
Responsible for business development and selling enterprise pilot to Volvo
Led enterprise pilot and collaboration with customers on-site to utilise Semanttic in their workflows and toolchain
Product marketing and growth