Epic: Prometheus Design UI guide

[vampirarte]

Why we are doing this?
Designing wireframes and prototypes without a component library slows the process and maintains no design consistency. By having a proper UI guide the team will have centralized documentation that can be maintained and updated.

[ArthurSens]

Looking at our meeting notes, I see we had some ideas about how to start:

• Audit current Prometheus UIs to come up with a visual guide
• Evaluate and choose tooling

Maybe those could be good first sub-issues?

[nwanduka]

I’ve created a sub-issue for the UI audit. I’m not entirely clear on the tooling step yet, so I haven’t created an issue for that. Since it was Amy's suggestion, I think she'd be better placed to write the issue description. Is that okay, @amy-super?

[amy-super]

No problem, happy to write it.

[vampirarte]

Affinity

What is it?

Free design tool (at least for the moment), but Affinity/Canva has a really nice manifesto about “empower the world to design”, focused on three big modules: Vector, Pixel, and Layout. There are AI-dedicated integrated tools that are paid.

Works best for:

• Graphic design
• Editorial design
• Photo editing

NOTE: Vector mode is the closest to Figma we get; it works as a Illustrator, but I still couldn't figure out if we can work with an endless workspace.

Nice things:

• Custom workspace (Adobe tools have this)
• Integrated with stock photos/vectors by default
• FREE!

Conclusion

It works well for vector work and image editing, but it’s not well suited for creating a design system.