Where Can I Find the Figma Designs for BookBrainz?

Hello everyone,

I’m interested in contributing to the frontend of BookBrainz and would love to reference its design files. While searching, I found Figma designs for other MetaBrainz projects like ListenBrainz and CritiqueBrainz, but I haven’t been able to find the Figma link for BookBrainz.

Does anyone know if the Figma designs for BookBrainz are available publicly? If so, could you please share the link or guide me on where to find them?

Thanks in advance! :blush:

1 Like

Sorry Ankit - there are no Figma designs for BookBrainz.

Figma is a relatively new tool for MetaBrainz, and comprehensive BB mockups haven’t been done/been needed since it came into use here.

Last but not least, welcome! :partying_face:

2 Likes

Thanks, @aerozol! I appreciate the clarification. Also, thanks for the warm welcome! :blush:

Actually, I wanted to ask about redesigning the footer to align with the standards of other MetaBrainz projects. While exploring, I found this PR (#739), which is related to the footer design. However, it seems inactive since 2023, likely due to conflicts that prevented it from being merged.

Currently, BookBrainz has a very minimal footer, and I’d love to enhance it by taking inspiration from ListenBrainz and CritiqueBrainz. Would it be okay for me to work on this? Looking forward to your feedback!

Targeted Footer UI:

Current Footer UI:

2 Likes

I think this should be fine to work on - but you might want to wait until @mr_monkey confirms, he is in charge of BB design.

In any case, here are the designs for the MusicBrainz footer (really just the logo and colours should be changed for BB): https://www.figma.com/design/ln8XiFLit634KC3YkUW2RS/MusicBrainz-redesign?node-id=1111-2910&p=f&t=fO8qvw2bYFiRADf6-0

And you can create a ticket for the issue, and then assign it to yourself (you don’t have to wait for mr_monkey to do this part). See as an example: https://tickets.metabrainz.org/browse/CB-448

1 Like

Thanks @aerozol, for the clarification! I’ll create a ticket soon and wait there for @mr_monkey’s confirmation before getting started…

2 Likes

Hello @Ankit_Matth !
Yes, please feel free to work on updating the footer.
The old PR is incomplete and was not finished, hence it not getting merged.

In terms of code, you can take inspiration or even copy from the one we have in ListenBrainz, considering it is also a React project:

2 Likes

Got it! Will do it soon. Thanks @mr_monkey for the ListenBrainz reference!

1 Like