Figma Plugin is Now Freely Available for Altia GUI Software Users

Altia announces the release of Altia Exporter for Figma. This new plugin gives designers the power to get their Figma graphics to embedded hardware easily and with the lowest possible memory requirements. Available today on the Figma community, current users of Altia Design 13.4 and above can now use the Altia Exporter at no extra cost.

This new product further extends Altia’s flexibility to leverage artwork from industry-leading tools to include Figma. With Altia Exporter for Figma, designers save time and effort because they can import Figma assets to the Altia toolchain and begin designing their GUI without any need to rebuild, rename or restructure the original components. Leveraging Altia’s powerful features like Stamp Object, developers can easily optimize their Figma designs for embedded hardware—saving precious memory while delivering best performance on chip.

“Companies around the world count on Altia to deliver highly efficient, production-ready code that is true to their artists’ concepts. With the new Altia Exporter for Figma, we continue to empower designers to create in the tools that they want while giving developers the power to select the embedded hardware they want and get the best looking, best performing UI and UX to market,” stated Mike Juran, Altia CEO.

The Altia Exporter for Figma is available today at no cost to Altia GUI software users (version 13.4 and above) on the Figma Community. For more information or to request a demo of this new product, visit altia.com/get-started or email [email protected].

About Altia

Altia is a software company that provides graphical user interface design and development tools that can be used from concept to final production code. Our GUI editor, Altia Design, offers development teams the capability to implement a model-based development process enabling clear team communication and accelerated user interface development. Our code generator, Altia DeepScreen, supports a vast range of low- to high-powered processors from a variety of industry-leading silicon providers. Altia generates pure C source code that is optimized to take full advantage of hardware resources. Graphics code generated by Altia is driving millions of displays worldwide – from automotive instrument clusters, HUDs and radios to thermostats, washing machines and medical devices.

Our mission is to get the best automotive, medical and consumer interfaces into production in the shortest time on the lowest cost hardware.

Altia was founded in 1991. Its customers include automotive OEMs and Tier 1s like Continental Automotive, Denso, Stellantis, Ford Motor Company, General Motors, Honda, Renault, Magneti Marelli, Nippon Seiki, Valeo, Visteon and more – plus leading consumer device manufacturers like Electrolux, Whirlpool, NordicTrack and many others.

For more information about Altia, visit www.altia.com or email [email protected].

Collaboration Improves Designer-Supplier Process and Final Product

“I want a blue line between these sections,” says the UX designer. Into the spec doc it goes: “add a blue line between these sections to improve UI.” It seems simple enough until several stakeholders and contributors interact with the little blue line at different times in the product development process.

“Will it be sky blue or royal blue?” asks marketing. “Should we make it dotted, dashed or solid?” The team agrees that a dotted, royal blue line is best.

With the internal back and forth resolved, it’s the supplier’s turn to ask for design clarifications. “The resolution of our hardware makes dotted lines look fuzzy unless they’re at least five pixels thick, and the line gets distorted at the bezel if it extends to the edge of the screen.”

Now it’s back to internal discussions. Marketing lobbies for hardware with better graphics to bring the original vision to life. Procurement wants to know if there are savings to be had by using a solid black line. The supplier offers a friendly reminder that this iteration isn’t accounted for by the original contract, so now might be the time to renegotiate.

When this collaboration nightmare becomes more like a recurring dream, it burns resources, delays time to market and ultimately shows in the quality of the product. A streamlined process for product development must clarify communication between stakeholders.

Designer to Supplier – Where’s the Disconnect?

Collaborative frustrations can yield feelings of tension every time there’s a handoff of information or responsibility: especially from designer to engineer and engineer to supplier. The real problem isn’t the other teams but the gap in collaboration that separates the teams. Written spec docs become like one long game of telephone:

  • The market demands features.
  • The designer ideates.
  • The engineer implements a technical plan.
  • The supplier executes the plan to deliver a product.

Stakeholders work at different physical locations, often sharing information about visual designs in a text-based format. The finer details get lost in translation until something as simple as a blue line can get blown out of proportion.

Model-Based Development, Functional Specs and Clear Collaboration

Model-based development gets product designers and engineers on the same page. Advancing from written spec docs to model-based graphical user interface (GUI) development solutions eliminates ambiguity, clarifies requirements and reduces rounds of back and forth. Functional specs—in the form of GUI models—replace written spec documents, so everyone is looking at the same blue line. It’s right where it belongs: between the two relevant sections on the GUI model.

Everybody benefits from not having to discuss the blue line ad nauseam.

Rapid prototyping of GUI models accelerates iterative design among internal teams. Stakeholders in various physical locations can collaborate with tight feedback loops. Usability testing can start earlier in the design process, which eliminates supplier-side iterations down the line. Innovative processes for software design, requirement development and code generation create a ripple effect throughout the entire product development lifecycle.

Software Requirements and Hardware Selection

Model-based development yields GUI models which become functional specs to show what the design will look like once implemented. When the engineers can see exactly how the blue line is supposed to look, they can determine which hardware is required to get the right look.

If a design will only look good in high definition, the supplier should expect to use premium hardware that will perform as expected. For simple GUIs that don’t require a lot of fine detail, the supplier should know to use the budget chipsets instead of trying to upcharge for anything unnecessarily advanced.

Bringing implementation closer to the design phase prevents unforeseen problems at the deadline. If a high-end human-machine interface (HMI) design is likely to strain the hardware’s memory and bandwidth, it’s better to find a solution earlier. For example, a low-power code solution can help prevent memory and bandwidth constraints from becoming problematic.

Internal vs. External Iterations

Even with streamlined collaboration, occasional conversations about blue lines and related topics might be unavoidable. The good news is that those conversations can be brief and conclusive instead of confusing and ongoing. Internal stakeholders quickly align around a functional spec in their internal meetings. Once everything has been accounted for in a fully functional spec, the design is set and ready to go to the supplier.

With this process, any external iterations will be implementation-specific and unrelated to redesign. Delivering a turnkey design to suppliers saves them time and resources—all they have to do is execute a design that has every detail accounted for in the model. This is how products get to market as designed, on budget, and ahead of schedule.

Next Steps: Improving Collaboration to Build Better Products Faster

Model-based human-machine interface design helps designers express their visions clearly. Engineers can see the design, so they know exactly what is required in the technical implementation. Suppliers receive a functional model instead of written instructions and even have clear guidance about how to select the appropriate hardware to execute the final product.

A truly comprehensive collaboration solution offers a string of tools to cover the entire product development process. For example, a GUI editor combined with a code generator creates one collaboration suite to take a project from beginning to end. Nothing gets lost in translation.

Investing in the collaboration workflow can save a project, but the benefits don’t end with that one project. Hyundai took complete control of its embedded display design to make future innovation more efficient, too. Gaining control of the collaborative process pays off in every product development project, especially when working with new suppliers to advance previous work.

Getting Started with Altia

Altia’s graphical user interface design and development environment is built to function holistically, with the GUI editor and code generator working in concert. The combination of these two functions is what closes communication gaps between stakeholders. To ease the transition, Altia’s service team helps bridge knowledge gaps to get the initial project to market on time and under budget.

If your GUI project is already underway but perhaps headed in the wrong direction, all is not lost. The Altia Design Jumpstart Bundle includes the development tools and support required to give your GUI a lift off the ground. Get started today, and let’s make it to market the right way.

Translate »