Jack Henry Digital Toolkit
JackHenry.dev
Learn how to develop with Jack Henry's digital banking platform to innovate faster and deliver top-notch experiences.
Digital Toolkit
Integrate with Jack Henry's plugin framework, authentication framework, admin API, and consumer API.
Enterprise Solutions
Integrate with Jack Henry's SilverLake, CIF 20/20, and Core Director banking cores.
SymXchange
Integrate with Jack Henry's Symitar credit union core.
Payments
Embed check deposits, ACH transactions, bill payments, card issuing and processing, and real-time payments.
Design Guidelines
Create stunning products with this set of visual guidelines
Light Mode ✓
Always display this site using light mode.
Dark Mode ✓
Always display this site using dark mode.
Device Setting ✓
Display this site using this device's light / dark mode setting.

Design Your Plugin

Plugin Framework > Guides > Launching Your Project > Design Your Plugin

Designing your plugin is an important step towards launching your project.

In this guide, we will cover some things to consider when designing a plugin and also cover some resources which may be helpful in creating your design.

Prerequisites

The first step in designing your plugin is to review the Designing and Developing Plugins guide which covers:

  • How to think about designing plugins
  • Typical software patterns for developing plugins
  • General tips and tricks for building plugins
Good to Know
  • The Card Face is the primary and most common way in which users will interact with your plugin. Those interactions will be measured in seconds.
  • Your Card Face should be designed to be glanceable, responsive, and make the most of the limited space available.

Design Resources

These design resources may be useful as you design your plugin.

The images show the typical user’s Dashboard in Banno Online, Banno Mobile (Android), and Banno Mobile (iOS).

Download the Mobile Apps for the Garden demo institution

The Banno Mobile apps for the Garden demo institution are available on Google Play and the App Store.

Use your image editor to create concepts for how your plugin’s look-and-feel will seamlessly integrate into the user’s Dashboard experience.

Click the images below to open them full size in a new browser tab.
Banno Mockups - Screens Banno Mockups - Devices

Next Steps

Get a feel for building a functional plugin by working through the Build Your First Plugin quickstart.

Once you have finished developing your own plugin, Organize Your Integration Guide to get ready to launch and “go live” at a financial institution.

Have a Question?
Have a how-to question? Seeing a weird error? Get help on StackOverflow.
Register for the Digital Toolkit Meetup where we answer technical Q&A from the audience.
Last updated Wed Dec 28 2022