The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
How we we work with component libraries.
A Figma Library is a set of Components and Styles that can be private or shared with a team or organization.
Official Figma Libraries that live in Green Design System are maintained by the Core Digital Design team and the CX Community.
When designing at SEB you should use one of the official Figma libraries since the components in this library have gone through a review process that makes sure that the component follows SEBs visual design, accessability and UX guidelines. All components are also documented in Design Library where designers and developers can read how components should be used and implemented.
Components in the official Figma libraries are also implemented in the front-end frameworks supported by Green Design System.
Official Figma Libraries: SEB Design System (link)
We use semantic versioning for libraries. For Figma this means:
When implementing a new feature or component this should be done in a branch. This makes sure that your work dosn’t interfer with others. It also simplifies when maintaining version history.
To learn more about branching read up on the Branching in Figma (länk) article from Figma.
When working with branches here at SEB we use lables in our branch names to communicate the status of the branch.
A lable is indicated with an opening and closing square brackets and some text inbetween [LABEL]
Commonly used labels:
[WORK IN PROGRESS]
[READY FOR REVIEW]
When a feature worked on in branch is ready to be merged into the main library it’s feature owner will mark the branch with the [READY FOR REVIEW] label. This means that the feature or component is ready to go through the library review process.
In the library review process the maintainers of the library schedule a meeting with the feature owner to discuss what has been implemented and review that the feature created follow the SEB standard when it comes to visual design, accessability and UX.
When the feature or component has passed the review process the branch is merged into the library. Before the new feature is accessible to the rest of the organization it needs to be published by the library maintainers.
In order to know what new features are added, bugs that has been fixed we use versioning we document a change log in Figmas version history.
When new features and bug fixes are merged into the library we create a new version in the Figma version history and increment the version based on the Semantic versioning explained previously in this document.
We also add a version info which acts as a changelog for the library. The description should follow the version info template so we are consistent when writing changelogs. The template can be found here (Should be to the right of this frame).
The new version is then published with the same version info created with the template. ️
Sometimes components are replace with newer ones or simply no longer needed and need to be deprecated. However, these components might be used in multiple design files and flows and just removing them could cause data loss and break designs and flows that’s why there is a deprecation process for Figma component.
A deprecated component is kept for 6 months before finally being removed.
These are the steps for component deprecation:
If you find bugs or inconsistency please report it by leaving a comment in the Figma library where you found it. Maintainers will add it to their backlog where progress will be tracked. When the fix is implemented and published maintainers will try to answer your comment with the fix that was implemented.
This is SEB:s tool for design work since September 2021 and can be found in STEP.
For prototyping and user-testing. Axure is not part of the general product catalogue in SEB. The licenses we have are only for cx-designers.
You might see references to Sketch. We used it for many years before Figma and our licenses ended on March 26, 2022. The main reasons for a switch to Figma was to improve on the design system and to be able to work on pc's as well.