Add voice to your multimedia designs and hear from the developer about their team\u2019s experience of extending the Adobe Express platform.<\/h2>\n\n\n\n\n\n<\/p>\n\n\n\n![\"Colene](\"https:\/\/miro.medium.com\/v2\/resize:fill:88:88\/0*SJtfn1Ww73z5yGWy.jpeg\")
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/a><\/p>\n\n\n\n\n![\"Adobe](\"https:\/\/miro.medium.com\/v2\/resize:fill:48:48\/1*riyFijvwTfGcWNf1guRNtg.png\")
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n![\"\"]()
<\/picture><\/div>\n<\/div>\n<\/figure>\nA trusted AI platform, WellSaid Labs<\/a> enables users to turn text into voice-overs in seconds. They provide a simple and easy-to-understand UI through their Studio<\/a> web app, direct access to the AI voice model through their API<\/a>, and a wide variety of voice avatars<\/a> to choose from with different regional accents and performance styles. As a result, brands like Netflix, FedEx, and Peloton are able to create engaging and natural-sounding experiences, saving on time and cost.<\/p>\nWellSaid Lab\u2019s text-to-speech technology is now also available as an Adobe Express add-on<\/a>, so we caught up with Daniel \u2018Dandie\u2019 Swain, senior product engineer at WellSaid Labs, to find out about the team\u2019s experience of building an integration for the Adobe Express platform.<\/p>\nThe new add-on is a lighter version of WellSaid Labs\u2019 Studio: It offers the ability to choose from all their voices, create any number of clips depending on the subscription plan, and then use them directly in an Adobe Express project.<\/p>\n
\u201cWe decided to build for Adobe Express once we caught wind of the app marketplace,\u201d Dandie explained. \u201cWe had been in the process of building out a similar integration into another app, so it felt like the right time to invest in creating this experience with partners that have aligned goals.\u201d<\/p>\n
To kick things off, the product team carried out a sprint to understand Adobe Express\u2019s component library, app ecosystem, and design guidelines. Taking the code and knowledge the team had gained from previous integrations, they were able to have a working prototype ready within a week. The subsequent review process was equally fast, and the team was able to iterate quickly and find the right market fit for the app.<\/p>\n
The WellSaid Labs team also received immediate support from Adobe, which accelerated the release of the add-on further. \u201cIn previous integration projects we found that longer review times would destroy momentum,\u201d Dandie remembered, \u201cbut because of how quickly we were able to turn around feedback, we knew exactly what to address and submit in a timely manner.\u201d<\/p>\n
When the team was working on the Adobe Express add-on, they were already very invested in improving accessibility across the Studio app. So the team was delighted to see the wide range of Adobe Spectrum web components<\/a> available, including Aria<\/a> support for creating accessible UI primitives in design systems.<\/p>\n\u201cThe components\u2019 level of fidelity and quality when it comes to the look and feel, accessibility, and developer documentation is incredible,\u201d Dandie said. \u201cI\u2019d highly recommend going through the code on the GitHub repo<\/a> as it\u2019s so readable and well documented.\u201d<\/p>\nDandie was also impressed by the animation quality and style of the components. \u201cThey allowed us to achieve a smooth user experience with out-of-the-box components from the Spectrum library,\u201d they explained. \u201cEven when it came to extending the components to fit our needs, their organizational structure made it easy for us to add simple styles to augment the components.\u201d<\/p>\n\n\n![\"\"]()
<\/picture><\/div>\n<\/div>WellSaid Labs\u2019 Adobe Express add-on enables users to add lifelike AI voiceovers to their design projects<\/em><\/figcaption><\/figure>\nWellSaid Labs\u2019 approach aligns seamlessly with Adobe\u2019s own ethos and commitment to both accessible design and responsible innovation. Ethical AI<\/a> has been at the heart of what the company does from the beginning.<\/p>\n\u201cWe take responsibility for the impact of our products, prioritize data security and privacy, and are transparent in our work with our stakeholders,\u201d Dandie pointed out. \u201cLike Adobe, we lean on the principles of Responsible AI<\/a> to guide our product designs and decisions. We also share a commitment to treating creators and talent with respect.\u201d<\/p>\nThis means WellSaid Labs doesn\u2019t create deepfakes, i.e. voices that sound exactly like any specific person \u2014 alive or dead. The team won\u2019t clone someone\u2019s voice without their consent. Every voice actor the company works with is compensated for their work and receives ongoing revenue share payments based on how much their voices are used on the WellSaid Labs platform. WellSaid Labs is also transparent about the use of the actors\u2019 voice data and committed to protecting their privacy.<\/p>\n
For Dandie and their team, two factors made building for Adobe Express stand out from other platforms: the rich and open source library of components, and the lightweight development environment to deploy and work within.<\/p>\n
\u201cThe development environment has been the easiest I\u2019ve worked with, thanks to the documentation and the examples,\u201d Dandie said. \u201cIn other environments, the example starter apps to take inspiration from aren\u2019t quite as good, and it\u2019s often more difficult to figure out whether they could seamlessly integrate with our current application.\u201d<\/p>\n
As a result, Dandie\u2019s team could very easily get started with sharing in-development prototypes with the rest of the product team for testing. Plus, they enjoyed using the library so much (especially the tools included with React Aria), they\u2019ve even started using some of the components in the Studio app.<\/p>\n
Try the Adobe Express add-on<\/a> for free by creating an account with WellSaid Labs. As part of the trial you get five credits that you can use to make five voiceover clips, which are yours forever.<\/p>\nTo learn more about building Adobe Express add-ons and get started yourself, visit our <\/em>developer site<\/em><\/a>. And to explore add-ons that are currently available, check out our <\/em>Behance add-on showcase<\/em><\/a>.<\/em><\/p>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/a><\/p>\n <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n A trusted AI platform, WellSaid Labs<\/a> enables users to turn text into voice-overs in seconds. They provide a simple and easy-to-understand UI through their Studio<\/a> web app, direct access to the AI voice model through their API<\/a>, and a wide variety of voice avatars<\/a> to choose from with different regional accents and performance styles. As a result, brands like Netflix, FedEx, and Peloton are able to create engaging and natural-sounding experiences, saving on time and cost.<\/p>\n WellSaid Lab\u2019s text-to-speech technology is now also available as an Adobe Express add-on<\/a>, so we caught up with Daniel \u2018Dandie\u2019 Swain, senior product engineer at WellSaid Labs, to find out about the team\u2019s experience of building an integration for the Adobe Express platform.<\/p>\n The new add-on is a lighter version of WellSaid Labs\u2019 Studio: It offers the ability to choose from all their voices, create any number of clips depending on the subscription plan, and then use them directly in an Adobe Express project.<\/p>\n \u201cWe decided to build for Adobe Express once we caught wind of the app marketplace,\u201d Dandie explained. \u201cWe had been in the process of building out a similar integration into another app, so it felt like the right time to invest in creating this experience with partners that have aligned goals.\u201d<\/p>\n To kick things off, the product team carried out a sprint to understand Adobe Express\u2019s component library, app ecosystem, and design guidelines. Taking the code and knowledge the team had gained from previous integrations, they were able to have a working prototype ready within a week. The subsequent review process was equally fast, and the team was able to iterate quickly and find the right market fit for the app.<\/p>\n The WellSaid Labs team also received immediate support from Adobe, which accelerated the release of the add-on further. \u201cIn previous integration projects we found that longer review times would destroy momentum,\u201d Dandie remembered, \u201cbut because of how quickly we were able to turn around feedback, we knew exactly what to address and submit in a timely manner.\u201d<\/p>\n When the team was working on the Adobe Express add-on, they were already very invested in improving accessibility across the Studio app. So the team was delighted to see the wide range of Adobe Spectrum web components<\/a> available, including Aria<\/a> support for creating accessible UI primitives in design systems.<\/p>\n \u201cThe components\u2019 level of fidelity and quality when it comes to the look and feel, accessibility, and developer documentation is incredible,\u201d Dandie said. \u201cI\u2019d highly recommend going through the code on the GitHub repo<\/a> as it\u2019s so readable and well documented.\u201d<\/p>\n Dandie was also impressed by the animation quality and style of the components. \u201cThey allowed us to achieve a smooth user experience with out-of-the-box components from the Spectrum library,\u201d they explained. \u201cEven when it came to extending the components to fit our needs, their organizational structure made it easy for us to add simple styles to augment the components.\u201d<\/p>\n WellSaid Labs\u2019 approach aligns seamlessly with Adobe\u2019s own ethos and commitment to both accessible design and responsible innovation. Ethical AI<\/a> has been at the heart of what the company does from the beginning.<\/p>\n \u201cWe take responsibility for the impact of our products, prioritize data security and privacy, and are transparent in our work with our stakeholders,\u201d Dandie pointed out. \u201cLike Adobe, we lean on the principles of Responsible AI<\/a> to guide our product designs and decisions. We also share a commitment to treating creators and talent with respect.\u201d<\/p>\n This means WellSaid Labs doesn\u2019t create deepfakes, i.e. voices that sound exactly like any specific person \u2014 alive or dead. The team won\u2019t clone someone\u2019s voice without their consent. Every voice actor the company works with is compensated for their work and receives ongoing revenue share payments based on how much their voices are used on the WellSaid Labs platform. WellSaid Labs is also transparent about the use of the actors\u2019 voice data and committed to protecting their privacy.<\/p>\n For Dandie and their team, two factors made building for Adobe Express stand out from other platforms: the rich and open source library of components, and the lightweight development environment to deploy and work within.<\/p>\n \u201cThe development environment has been the easiest I\u2019ve worked with, thanks to the documentation and the examples,\u201d Dandie said. \u201cIn other environments, the example starter apps to take inspiration from aren\u2019t quite as good, and it\u2019s often more difficult to figure out whether they could seamlessly integrate with our current application.\u201d<\/p>\n As a result, Dandie\u2019s team could very easily get started with sharing in-development prototypes with the rest of the product team for testing. Plus, they enjoyed using the library so much (especially the tools included with React Aria), they\u2019ve even started using some of the components in the Studio app.<\/p>\n Try the Adobe Express add-on<\/a> for free by creating an account with WellSaid Labs. As part of the trial you get five credits that you can use to make five voiceover clips, which are yours forever.<\/p>\n To learn more about building Adobe Express add-ons and get started yourself, visit our <\/em>developer site<\/em><\/a>. And to explore add-ons that are currently available, check out our <\/em>Behance add-on showcase<\/em><\/a>.<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/picture><\/div>\n<\/div>\n<\/figure>\n
<\/picture><\/div>\n<\/div>