Home | User guide | API documentation | Fonts & graphics | Privacy | Feedback | FAQ

Open Badge Designer

An open-access image creator from MyKnowledgeMap to support all of your Open Badge building needs.



We're doing some really exciting work with Open Badges that we'd love to share with you.
Why not subscribe to our newsletter to keep up to date?

Mozilla Open Badges?

The Mozilla Open Badges initiative aims to provide a framework for recording and displaying skills and achievements in a digital way - imagine a digital version of the 20 metre swimming badge you earned as a 7 year old! You can read more on the Mozilla Badges website at

How does it work?

This badge designer makes use of the exciting new features in HTML5 to allow you to combine different visual elements, colours and text to create an attractive Open Badge graphic. You can then use this graphic in your Open Badge issuing systems when creating your rewards. Read our help & getting started guide.

Plugins & integrations

Building an awesome badge is just part of the workflow and we want to support you with more. That's why we're starting to build a library of plugins that let you leverage the power of Open Badges in a more complete context. Check out our WordPress plugin to get an idea of what we're doing.

Integrating the badge designer

We've built our badge designer so that it can plug easily into other software applications. The designer can be launched seamlessly from your own tools, allowing for rich graphics to be created, and then a published graphic sent back to your code as a Base64 encoded PNG or JSON string. Read more about integrating with our API documentation.

Let us know what you think

We love the potential of the Mozilla Open Badges initiative and want to be a part of what's going on, that's the reason we built the badge designer in the first place. We're excited to see it grow and develop as the Open Badges movement takes hold and your feedback and thoughts can help us do this in the best way possible.

If you've got an idea, an image suggestion, an integration opportunity or anything else you'd like to contribute then you can let us know on our feedback page or by dropping an email to

Breaking news...a new FREE tool for displaying your badges

MyKnowledgeMap has released, a tool that lets individuals display their badges and combine them with other stuff to create compelling resumes and CVs, and also use badges in all sorts of new ways.

...and another FREE tool for managing frameworks and criteria

If you're managing badge criteria as part of a wider curriculum mapping exercise, check out our sister project, Justframeworks.


With over 200 million combinations, what will you create?

This Open Badge designer is brought to you by MyKnowledgeMap - an assessment & learning technology company with a drive to support open initiatives and open standards. We're really excited about Mozilla Open Badges and how they can support recording learner achievement and creation of lifelong portfolios and hope that you'll join us for the ride.

If you'd like to know more about what we're doing, how we're implementing Open Badges within our live systems right now, or how our Open Badges platform can support you then we'd love to hear from you.