If you're new to designing with React Magma, then this is the right place to start. You'll find below everything you need to get going.
Designing with React Magma
The React Magma team strives to provide detailed usage and style documentation. It's important to become familiar with this guidance when you are designing with our components. Consider starting with the foundations of color, typography, spacing, and icons, and then continue with the components.
We also welcome contributions from people outside the React Magma team. This includes both designers within Cengage as well as outside. Join us over on our Github page to start contributing today.
Resources & Tools
At Cengage we use Figma for our primary design tool and we have component libraries available for you to use. To access these libraries you'll need to sign in to the Cengage Figma organization using your Cengage email address.
In your design file, you'll have four libraries available for you to turn on:
- React Magma 3 Foundations
- React Magma 3 Components
- Cengage logos
- Material Design Icons
If you have any questions or issues, please reach out in the #react-magma Slack channel.
Cengage exists to empower students and instructors with the audacity to realize their potential and the tenacity to achieve their goals. React Magma helps us build tools that are relevant and easy to use, and create educational experiences that accelerate learning while putting our users at the center of everything we do. The following design principles guide every decision we make.
Don't overburden me with options or choice. Proactively assume what I need and when, while equipping me with the ability to change it.
“I hate going through each student or each activity and changing things when I'm changing the same thing ... on 10, 20 or 30 of them. It is so time consuming.”
Mistakes are proof that I’m trying, but they should never impede my education experience. Preventing and helping me recover from a mistake should be as easy as it was to make it.
“...I feel like I am not learning with this software because I have no way of knowing where I made my mistakes.”
Build confidence at every opportunity. Confidence that I can improve my understanding, confidence that the paragraph I just wrote won’t get lost and confidence that I won’t get lost.
“I’m calling in because all of my material on my account is gone.”
Distractions are plentiful and my undivided attention is scarce. Any interference must be purposefully crafted to never override my education experience.
“... You also put up an online pop-up advertisement that would not go away for a solid week and prevented me from being able to complete the homework for that week at a reasonable pace.”
Be intentionally simple. Making common tasks fast, and easy for me to understand without explanation allows me to concentrate on my education experience.
“The organization was complicated and it was difficult to find assignments that were due...”
I am not constrained by device or location and I expect the same of my education experience. Mobile empowers me to succeed, regardless of location, device or time.
“I shouldn't have to use my computer to take my tests or do my homework when I have a perfectly capable mobile device. I take online courses so that I can do my homework anywhere anytime.”