Get an exclusive look at Applitools’ newest product, Centra. Centra is revolutionizing the way teams collaborate on UI by addressing one of the most challenging and important parts of the product delivery lifecycle – the handoff between designs and implementations.
With Centra, designers, developers, testers, product managers, and marketers can track, validate, and collaborate on UIs from design in Figma to implementation in a customer’s web browser, ensuring that there is no more drift between designs and development.
Don’t miss this opportunity to see how Centra can help you streamline your UI delivery process and improve collaboration within your team.
5. But validation happens during a tiny
part of the design lifecycle
5
Research Design Implement Testing Production
CEO
PM
PMM
UX Research
SWE QA DevOps
VP of Design
Designer
8. Usually looks more like this…
8
Design is
Ready
Implemented into
Production
VP of Prod likes
it this way!
The developer thought this
would look cool!
9. Main Challenges
1. Lack of communication between growing group of
stakeholders
2. Breadth of technology during implementations
3. No continued source of truth across tooling
11. 11
Benefits of Centra
Less UI Drift
By comparing design and implementation throughout
the development lifecycle, teams can cut down on the
amount of drift between design and production that
occurs in their User Interface.
Increased Collaboration
Teams from different functions across the
design-to-experience process can all communicate over
the interfaces that they are shipping. Product Managers,
Designers, and Developers can all have equal visibility
into what actually makes it to production.
Design as Docs
Disseminate designs as a single source of truth across
teams. QA teams will know exactly what interfaces are
supposed to look like during validation, ensuring that
the source of truth doesn’t drift over time.
Catch Bugs Earlier
Shift left into design and catch bugs earlier in the SDLC -
right at the moment of implementation, when the cost to
fix is at its lowest.
12. 12
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Upload designs simply from your Figma account.
Simply compare design with implementation.
13. 13
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Communicate and comment easily.
14. 14
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Review design and implementation different versions
15. 15
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Open bugs and issues
16. 16
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Approve and Reject