Learn how to integrate Adobe Express\u2019 editing and Firefly-powered AI capabilities into your own web apps.<\/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>\nThe Adobe Express Embed SDK<\/a> enables partners to embed Adobe Express editing and AI capabilities into their own web app or website. This means that you can give your (client\u2019s) users, whatever their skill level, powerful tools to create standout content and simplify common creative tasks \u2014 without them having to leave your environment.<\/p>\nThe Embed SDK is an easy-to-integrate, customizable, all-in-one JavaScript library that lets you embed the full Adobe Express editor on your own website or app. Users can create within the editor as they would in Adobe Express, with access to thousands of templates, fonts, stock images, and videos.<\/p>\n
We\u2019ve made it even easier to keep your users focused by exposing only the features that are most relevant to what they need. So the relevant tools are revealed at the right time for specific tasks. There are two ways to do it:<\/p>\n
\n- Quick actions: <\/strong>Embed contextual and streamlined editing tools for images and videos with just a few lines of code. Your users get instant results with just one click editing tools.<\/li>\n
- Modules: <\/strong>A new feature that lets you embed contained mini-editing experiences, which focus on what your users need, when they need it. The first two that are available are Generate Image and Edit Image, with more modules on the way.<\/li>\n<\/ul>\n
In the latest version of the SDK, we\u2019ve improved the way it\u2019s initialized and broken each workflow (full editor, quick actions, and modules) into individual classes to help you simplify your integration.<\/p>\n\n\n![\"\"]()
<\/picture><\/div>\n<\/div>Give end-users an easy way to start a creative design workflow from within your own applications. Try it out for yourself in our <\/em>Embed SDK demo<\/em><\/a>.<\/em><\/figcaption><\/figure>\nBoth the Generate Image and Edit Image modules are powered by Adobe Firefly<\/a>, our family of creative generative AI models that are designed to be safe for commercial use.<\/p>\nGenerate Image<\/strong> enables your users to generate an image from a simple text prompt. For example, they can quickly generate an image to enhance their social media posts, posters, or flyers. They can also use reference images to influence and match the structure of the generated variations.<\/p>\nEdit Image<\/strong>, on the other hand, gives users several image editing capabilities, including filters, opacity, remove background, and the Firefly-powered Generate Fill feature. The latter enables users to seamlessly insert, remove, or replace people, objects and more with simple text prompts.<\/p>\nMore modules \u2014 including Generate Template, Edit Video, Edit Template, and Generate Vector \u2014 are coming soon. These powerful features remove barriers between creative vision and a blank page by increasing the speed of work and discovery, so creators can be more imaginative and productive. Generate Template, for example, is tailored to what you\u2019re looking for as it provides both designed and generated templates.<\/p>\n
Also in the pipeline is support for mobile web apps as well as native mobile apps.<\/p>\n
The Embed SDK is already being used by creator commerce platform Kajabi, where it\u2019s implemented as part of the Creator Studio<\/a>, a generative AI tool that enables users to quickly turn a single video into more than 40 pieces of marketing content.<\/p>\n\u201cFor those in course creation and education-based businesses, the integration with Kajabi is a match made in heaven,\u201d said Roberto Blake, founder of Awesome Creator Academy<\/a>. \u201cIt makes tasks like repurposing and marketing across multiple platforms feel less intimidating and time consuming \u2014 ideal for anyone running a one-person business or a small team.\u201d<\/p>\nFor Roberto, one of the most powerful features of the Kajabi integration is the ability to remove the background from a video in a single click. This is something that normally would require advanced editing skills, expensive lighting, and a green screen. Now it just requires well shot footage against a clean wall.<\/p>\n\n\n![\"\"]()
<\/picture><\/div>\n<\/div>Built-in Adobe Express editing tools make it easier and faster for users of Kajabi Creator Studio to build and grow their brand.<\/em><\/figcaption><\/figure>\nJapan\u2019s largest social network, LINE, has also used the Embed SDK: LINE Creative Lab<\/a> provides advertisers and owners of LINE official accounts with powerful creation tools that help them easily produce effective designs for their marketing campaigns. See our recent blog post<\/a> on how the team built the integration.<\/p>\nOne of our latest Embed SDK partners is presono<\/a>, a B2B marketing and sales platform designed to streamline the creation and management of presentations \u2014 from linear company presentations to interactive product presentations and trade fair apps. They empower customer-centric teams with data-driven analytics, enhancing productivity and driving increased revenue through engaging, on-brand content.<\/p>\n\u201cIntegrating Adobe Express has significantly enhanced our platform\u2019s capabilities,\u201d said Martin Behrens, presono\u2019s CEO and co-founder. \u201cThe quick actions for cropping, resizing, and background removal in particular have been invaluable for our users, who often lack advanced graphic design skills. The integration<\/a> allows them to easily edit images and create professional-grade content. Also, the extensive creative features \u2014 including templates and Generate Image \u2014 provide a wide array of design possibilities. This not only saved us development time but also ensures our clients have access to top-tier tools without needing additional expertise.\u201d<\/p>\nOf course we also use the Embed SDK ourselves at Adobe: We\u2019ve recently used it to natively integrate Adobe Express within Acrobat<\/a> and Adobe Experience Manager Assets<\/a>.<\/p>\n\u201cI really like Acrobat\u2019s Adobe Express integration, it opens up a lot of possibilities,\u201d said a City Park and Recreation graphic design intern we talked to. \u201cI was really impressed with how well it filled the background in. I\u2019ll definitely be utilizing that more and more in the future.\u201d<\/p>\n
The Embed SDK makes Adobe Express even more versatile and lets you choose the editing experience that works for you.<\/p>\n
The modules in particular enable you to surface a contextual, more intuitive editing experience. Give your users powerful editing capabilities and save valuable development time with the Embed SDK\u2019s prebuilt editing modules, which only take a few weeks of development effort, not months.<\/p>\n
We can\u2019t wait to see how you integrate Adobe Express into your own apps with the Embed SDK. And we\u2019d love your feedback: visit our Embed SDK forums<\/a> and let us know how we can improve the Embed SDK\u2019s developer experience further.<\/p>\nTo learn more about building Adobe Express integrations with the Embed SDK and start using it in your own application, visit our <\/em>developer site<\/em><\/a>, read our <\/em>quickstart guide<\/em><\/a>, and try out the editing capabilities, including modules, in our <\/em>demo app<\/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 The Adobe Express Embed SDK<\/a> enables partners to embed Adobe Express editing and AI capabilities into their own web app or website. This means that you can give your (client\u2019s) users, whatever their skill level, powerful tools to create standout content and simplify common creative tasks \u2014 without them having to leave your environment.<\/p>\n The Embed SDK is an easy-to-integrate, customizable, all-in-one JavaScript library that lets you embed the full Adobe Express editor on your own website or app. Users can create within the editor as they would in Adobe Express, with access to thousands of templates, fonts, stock images, and videos.<\/p>\n We\u2019ve made it even easier to keep your users focused by exposing only the features that are most relevant to what they need. So the relevant tools are revealed at the right time for specific tasks. There are two ways to do it:<\/p>\n In the latest version of the SDK, we\u2019ve improved the way it\u2019s initialized and broken each workflow (full editor, quick actions, and modules) into individual classes to help you simplify your integration.<\/p>\n Both the Generate Image and Edit Image modules are powered by Adobe Firefly<\/a>, our family of creative generative AI models that are designed to be safe for commercial use.<\/p>\n Generate Image<\/strong> enables your users to generate an image from a simple text prompt. For example, they can quickly generate an image to enhance their social media posts, posters, or flyers. They can also use reference images to influence and match the structure of the generated variations.<\/p>\n Edit Image<\/strong>, on the other hand, gives users several image editing capabilities, including filters, opacity, remove background, and the Firefly-powered Generate Fill feature. The latter enables users to seamlessly insert, remove, or replace people, objects and more with simple text prompts.<\/p>\n More modules \u2014 including Generate Template, Edit Video, Edit Template, and Generate Vector \u2014 are coming soon. These powerful features remove barriers between creative vision and a blank page by increasing the speed of work and discovery, so creators can be more imaginative and productive. Generate Template, for example, is tailored to what you\u2019re looking for as it provides both designed and generated templates.<\/p>\n Also in the pipeline is support for mobile web apps as well as native mobile apps.<\/p>\n The Embed SDK is already being used by creator commerce platform Kajabi, where it\u2019s implemented as part of the Creator Studio<\/a>, a generative AI tool that enables users to quickly turn a single video into more than 40 pieces of marketing content.<\/p>\n \u201cFor those in course creation and education-based businesses, the integration with Kajabi is a match made in heaven,\u201d said Roberto Blake, founder of Awesome Creator Academy<\/a>. \u201cIt makes tasks like repurposing and marketing across multiple platforms feel less intimidating and time consuming \u2014 ideal for anyone running a one-person business or a small team.\u201d<\/p>\n For Roberto, one of the most powerful features of the Kajabi integration is the ability to remove the background from a video in a single click. This is something that normally would require advanced editing skills, expensive lighting, and a green screen. Now it just requires well shot footage against a clean wall.<\/p>\n Japan\u2019s largest social network, LINE, has also used the Embed SDK: LINE Creative Lab<\/a> provides advertisers and owners of LINE official accounts with powerful creation tools that help them easily produce effective designs for their marketing campaigns. See our recent blog post<\/a> on how the team built the integration.<\/p>\n One of our latest Embed SDK partners is presono<\/a>, a B2B marketing and sales platform designed to streamline the creation and management of presentations \u2014 from linear company presentations to interactive product presentations and trade fair apps. They empower customer-centric teams with data-driven analytics, enhancing productivity and driving increased revenue through engaging, on-brand content.<\/p>\n \u201cIntegrating Adobe Express has significantly enhanced our platform\u2019s capabilities,\u201d said Martin Behrens, presono\u2019s CEO and co-founder. \u201cThe quick actions for cropping, resizing, and background removal in particular have been invaluable for our users, who often lack advanced graphic design skills. The integration<\/a> allows them to easily edit images and create professional-grade content. Also, the extensive creative features \u2014 including templates and Generate Image \u2014 provide a wide array of design possibilities. This not only saved us development time but also ensures our clients have access to top-tier tools without needing additional expertise.\u201d<\/p>\n Of course we also use the Embed SDK ourselves at Adobe: We\u2019ve recently used it to natively integrate Adobe Express within Acrobat<\/a> and Adobe Experience Manager Assets<\/a>.<\/p>\n \u201cI really like Acrobat\u2019s Adobe Express integration, it opens up a lot of possibilities,\u201d said a City Park and Recreation graphic design intern we talked to. \u201cI was really impressed with how well it filled the background in. I\u2019ll definitely be utilizing that more and more in the future.\u201d<\/p>\n The Embed SDK makes Adobe Express even more versatile and lets you choose the editing experience that works for you.<\/p>\n The modules in particular enable you to surface a contextual, more intuitive editing experience. Give your users powerful editing capabilities and save valuable development time with the Embed SDK\u2019s prebuilt editing modules, which only take a few weeks of development effort, not months.<\/p>\n We can\u2019t wait to see how you integrate Adobe Express into your own apps with the Embed SDK. And we\u2019d love your feedback: visit our Embed SDK forums<\/a> and let us know how we can improve the Embed SDK\u2019s developer experience further.<\/p>\n To learn more about building Adobe Express integrations with the Embed SDK and start using it in your own application, visit our <\/em>developer site<\/em><\/a>, read our <\/em>quickstart guide<\/em><\/a>, and try out the editing capabilities, including modules, in our <\/em>demo app<\/em><\/a>.<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n![\"\"](\"https:\/\/miro.medium.com\/v2\/resize:fit:640\/format:webp\/1*JmOYQd24A_MH3UAr0bsN9g.jpeg)
\n
<\/picture><\/div>\n<\/div>
<\/picture><\/div>\n<\/div>