• Bana.io

  • /

  • Bana.io

  • /

  • Bana.io

  • /

An intelligent plug-in for Figma that sparks designers’ creativity with AGI-powered inspiration

Team

Team project - Gunjan Alagh Vedanshi Mishra Arushi Kumar

Contribution

UX Design Conceptualisation Prototyping Research

Timeline

2 weeks


00. Research


What inspires designers?


01. So, we began brainstorming what the future of Figma might look like..


and what would a UX design role look like in the future


From talking to designers and mapping the future of design roles we understood that a large role of generative AI in designing would be to generate implicit inspiration that sparks the creativity of designers


02. Words -> Ideas -> Inspiration

What traditional tools can be used to ignite creativity and inspiration?


03. Origami Prototype using ChatGPT API

We created an interaction for the listening feature, which begins when the user clicks on the listening icon. The pre-written text is then displayed slowly to imitate the text-to-speech interaction.

To switch between tabs - Journey (Mind map), Analog (mood-board), and Mood (music of the theme), use this interaction. You will see a progress bar in between to indicate the loading screen as chatGPT API may take some time to load.

ChatGPT creates a prompt using various user inputs, to generate a prompt that will initiate the Gen AI creation process

and lastly the sound player plays the corresponding music to the user input.


04. User Flow

We created a simple user flow to allow designers to quickly review their inspiration options and drag the chosen one into their workspace in Figma. Bana.io transcribes the initial product meetings from speech to text accurately, and then identifes relevant keywords to offer valuable implicit inspiration.


05. BANA.io plug-in

The goal was to design a simple user interface with some automated features so that designers can concentrate on the meeting until it's time to begin generating ideas for the designs.


06. Prototype Video


07. Validation

We conducted a test on BANA.io with six designers. Although we didn't have time to incorporate their feedback, we are currently working on advancing the project and making improvements to the design.


Reflections and Learnings

  • When designing for fellow designers, it is important to provide structure without limiting creativity.

  • Involving designers in co-design activities at the beginning of the process can lead to a diverse range of ideas.

  • It is also crucial to test frequently and at an early stage.


An intelligent plug-in for Figma that sparks designers’ creativity with AGI-powered inspiration

Team

Team project - Gunjan Alagh Vedanshi Mishra Arushi Kumar

Contribution

UX Design Conceptualisation Prototyping Research

Timeline

2 weeks


00. Research


What inspires designers?


01. So, we began brainstorming what the future of Figma might look like..


and what would a UX design role look like in the future


From talking to designers and mapping the future of design roles we understood that a large role of generative AI in designing would be to generate implicit inspiration that sparks the creativity of designers


02. Words -> Ideas -> Inspiration

What traditional tools can be used to ignite creativity and inspiration?


03. Origami Prototype using ChatGPT API

We created an interaction for the listening feature, which begins when the user clicks on the listening icon. The pre-written text is then displayed slowly to imitate the text-to-speech interaction.

To switch between tabs - Journey (Mind map), Analog (mood-board), and Mood (music of the theme), use this interaction. You will see a progress bar in between to indicate the loading screen as chatGPT API may take some time to load.

ChatGPT creates a prompt using various user inputs, to generate a prompt that will initiate the Gen AI creation process

and lastly the sound player plays the corresponding music to the user input.


04. User Flow

We created a simple user flow to allow designers to quickly review their inspiration options and drag the chosen one into their workspace in Figma. Bana.io transcribes the initial product meetings from speech to text accurately, and then identifes relevant keywords to offer valuable implicit inspiration.


05. BANA.io plug-in

The goal was to design a simple user interface with some automated features so that designers can concentrate on the meeting until it's time to begin generating ideas for the designs.


06. Prototype Video


07. Validation

We conducted a test on BANA.io with six designers. Although we didn't have time to incorporate their feedback, we are currently working on advancing the project and making improvements to the design.


Reflections and Learnings

  • When designing for fellow designers, it is important to provide structure without limiting creativity.

  • Involving designers in co-design activities at the beginning of the process can lead to a diverse range of ideas.

  • It is also crucial to test frequently and at an early stage.


An intelligent plug-in for Figma that sparks designers’ creativity with AGI-powered inspiration

Team

Team project - Gunjan Alagh Vedanshi Mishra Arushi Kumar

Contribution

UX Design Conceptualisation Prototyping Research

Timeline

2 weeks


00. Research


What inspires designers?


01. So, we began brainstorming what the future of Figma might look like..


and what would a UX design role look like in the future


From talking to designers and mapping the future of design roles we understood that a large role of generative AI in designing would be to generate implicit inspiration that sparks the creativity of designers


02. Words -> Ideas -> Inspiration

What traditional tools can be used to ignite creativity and inspiration?


03. Origami Prototype using ChatGPT API

We created an interaction for the listening feature, which begins when the user clicks on the listening icon. The pre-written text is then displayed slowly to imitate the text-to-speech interaction.

To switch between tabs - Journey (Mind map), Analog (mood-board), and Mood (music of the theme), use this interaction. You will see a progress bar in between to indicate the loading screen as chatGPT API may take some time to load.

ChatGPT creates a prompt using various user inputs, to generate a prompt that will initiate the Gen AI creation process

and lastly the sound player plays the corresponding music to the user input.


04. User Flow

We created a simple user flow to allow designers to quickly review their inspiration options and drag the chosen one into their workspace in Figma. Bana.io transcribes the initial product meetings from speech to text accurately, and then identifes relevant keywords to offer valuable implicit inspiration.


05. BANA.io plug-in

The goal was to design a simple user interface with some automated features so that designers can concentrate on the meeting until it's time to begin generating ideas for the designs.


06. Prototype Video


07. Validation

We conducted a test on BANA.io with six designers. Although we didn't have time to incorporate their feedback, we are currently working on advancing the project and making improvements to the design.


Reflections and Learnings

  • When designing for fellow designers, it is important to provide structure without limiting creativity.

  • Involving designers in co-design activities at the beginning of the process can lead to a diverse range of ideas.

  • It is also crucial to test frequently and at an early stage.