Connect with us

Publications

Design with Code Revolution: UXPin + Storybook Integration

Published

on

UXPin Hacker Noon profile picture

@uxpinUXPin

We’re a code-based design tool that centralizes the process of building digital products.

There are many ways for product teams to achieve greater efficiency and consistency in the design handoff. 

At UXPin, we believe in silos-free teams and that the communication between designers and developers should be as smooth as possible. That’s why we decided to create an integration that will allow product teams to use the single source of truth so that everybody can work with the same components and technology. 

From now on, designers can bring production-ready and fully interactive components from Storybook to UXPin editor and design with them right away. If you want to simplify the handoff and speed up the go-to-market, this is the solution you’re looking for. 

The product drift challenge

Many design leaders highlight the problem of design and development inconsistencies — when the end-product doesn’t look how it was supposed to in the original project. The image-based designs are just visualizations of what products should look like, so they can’t fully depict what needs to be created. Sometimes developers have hard times adding interactions that were planned in a tool that offers limited interaction capabilities. The other time, the colors or typography is off. In other words: it’s very challenging and time-consuming to build a pixel-perfect product when relying on pixel-based designs.

The main reason for that is designers and developers speaking different languages — using different technologies in their tools.

So, instead of working with the real components that already have all interactions fleshed out and are created with the right properties, designers need to fake all of that. To get to the stage where everything is in line with the concept, there will be (too) many iterations.

Don’t worry. There are some tools that offer a code-based approach. Thanks to this, the elements will look and behave the same way as an end-product and bring you closer to the desired consistency. Also, it doesn’t require you to know how to code. Great, right? But why stop there? Let’s go one step further.

Usually, when you aim for consistency and try to standardize all the elements used in designs like typography, UI patterns, etc., you build a Design System and then have all the production-ready components organized in developers’ repositories.

How about using what has already been developed in new designs? It’d make things easier to import the ready components that devs have to the design tool library and prototype with them right away.

The ultimate single source of truth

We’ve come up with a technology called Merge that lets everybody in a product team use the same code components. This innovation integrates the repositories that developers use to store their production-ready components with UXPin.

The first solution we offered was the integration with Git repositories like Github, Bitbucket, GitLab, and more. It turned out to be a game-changer on the market for many tech giants, like PayPal. They have adapted Merge and completely redefined their DesignOps process. This change allowed them to speed up the design process over 6 times and reduce the handoff process to the minimum.

To enable this solution for more product teams, we decided to expand Merge technology. So, here we are with another integration. This time, with the help of a leader among UI development tools for developers, — Storybook.

This brand new integration gives you the freedom of using more frameworks (around 15) and cuts down the whole setup process to 1 minute.

If you want to get to know more about the integration, see our Docs.

Benefits of the integration

Build advanced UI fast

Now you can build high-fidelity prototypes fast just by dragging and dropping code components on the canvas. They are fully interactive and behave just like an end product. On top of that, you can still add UXPin’s interactions to glue different UI patterns together into a truly immersive experience for user testing and show your team how the product should look. The whole process is extremely fast.

Besides speed, you also improve the design consistency. The Storybook components are in line with your production standards, so you don’t have to spend time matching the right colors, fonts, or rebuilding parts of the UI.

Manage only one library

There’s no need to take care of the UXPin and Storybook libraries separately. The components are in sync all the time, so whenever your Story (Storybook component) is changed, your designs and library in UXPin get automatically updated. These are the same code-powered components as in the Storybook library, so whatever works there will work in UXPin.

Handoff revolution

All those back and forths between designers and developers cost time and money. By using a single source of truth, you can remove the silos and speed up your product development process. There’s no place for handoff drift with design or interaction inconsistencies. When the prototype is finished, the developer just needs to find the components that designers used in their Storybook. That’s it! Developing a product where you already have the code for design is much faster and clearer.

Try UXPin + Storybook integration with your team

Build prototypes that behave like real products and cut down your product development process. Request access for our Storybook integration, integrate with your library in under 1 minute, and get ready to design with code! Request access here.

Also published on Medium‘s subdomain.

Tags

Join Hacker Noon

Create your free account to unlock your custom reading experience.

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://hackernoon.com/design-with-code-revolution-uxpin-storybook-integration-1013368x?source=rss

Techcrunch

Co-living startup Habyt closes $24M Series B, merges with Homefully

Published

on

When WeWork appeared, other entrepreneurs looked at the model and thought that if you could apple co-working to property, then why not apply co-living. Thus, in the US, Common appeared, as did Hmlet in Asia. Imn the EU, Habyt launched, but has already gobbled-up its competitors Quarters, Goliving, and Erasmo’s Room.

It’s now closed a series B round of €20M / $24M, and merged with another competitor, Homefully, founded by Sebastian Wuerz in 2016. The round was backed by HV Capital (formerly Holtzbrink Ventures), Vorwerk Ventures, P101 and Picus Capital.

Founded in 2017 by Luca Bovone, Habyt will now have over 5,000 units across 15 cities and 6 countries. The merged companies will offer fully furnished and serviced living units, coupled with a tech-enabled user-experience and a focus on community, aimed at young professionals between 20 and 35 years old who move jobs and cities fairly frequently.

Luca Bovone, Founder and CEO of Habyt, said: “We have been on an incredible journey in the past year and a half. In spite of less than perfect market conditions we have been able to grow a lot via a very successful M&A strategy that brought us into the position of leaders of our sector in Europe and that still has a lot of potential. This 20M series B round really opens our doors to keep building Habyt both via organic growth and via more M&As. We are now looking at strategic targets in Europe, specifically in France and Italy, and also in other continents, especially in Asia.”

Sebastian Wuerz, Founder of homefully, said: “The coliving market is going through a consolidation phase and Habyt has really seized this opportunity quickly and effectively and is on the best track to become the leader of the sector at a global scale. Joining forces is a crucial step in this direction and I am very excited for the team to be part of this journey.”

Felix Kluehr, Partner at HV said: “We are happy to see that Habyt has emerged as the leading player in the European co-living market and HV is excited to support the team in their ambitious plan to build the leading European coliving company”.

Over an interview, Bovone told me: “It’s like a member’s club. We have a subscription model, where people pay a monthly fee, which is your rent, and then you can, of course, apply for a room somewhere else and know that we have a fairly decent scale across Europe and eventually, also in southern Europe. You are able to move from one place to the other. Our motto is live anywhere.”

He said that the pandemic had meant that people were ditching co-working spaces and “They would prefer to spend 50 to 100 euro more per month on getting better housing where they can work comfortably from home.”

“We are already seeing within our customer base, they want to stay six months in Berlin, three months in Madrid, then move back to Berlin and so on. The traditional housing market just doesn’t allow that to happen. You have contracts with utilities and so on, which you can never break and it’s just an outdated product offering, and we’re trying to tackle that.”

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://techcrunch.com/2021/06/16/co-living-startup-habyt-closes-24m-series-b-merges-with-homefully/

Continue Reading

CNBC

GM increases its self-driving and EV investment to $35 billion

Published

on

GM has increased the money it’s earmarking for its combined EV and self-driving investment from 2020 through 2025 to $35 billion. The largest automaker in the US originally planned to pour $20 billion into the endeavor but decided to give it a boost and up it to $27 billion late last year. Now, as CNBC reports, it’s spending even more on efforts to go electric and driverless. 

The company will use the additional investment to accelerate the production of its battery and fuel cell technologies. It will build two more battery plants to the US in addition to the two that are already in construction, most likely in an effort to ensure that it doesn’t come across battery shortages as it ramps up its EV production. By having its own battery plants (like Tesla does with its Gigafactories), GM wouldn’t be at the mercy of third-party manufacturing partners in the future.

In the past, GM said it plans to have 30 EVs on the market by the end of 2025 and to exclusively sell electric vehicles by 2035. So far, GM has already introduced the Hummer EV and the new Chevy Bolts. among other models, but we’ll see the company reveal more in the coming years as it continues to electrify vehicles across its brands — especially since the company said it will expand those plans with the additional investment. GM didn’t provide any additional details about its new goals. CFO Paul Jacobson only said that the automaker “feel[s] good about all of [its] projects that are going on.” He added: “We’re moving aggressively and there’s a lot a lot of exciting things ahead for us.”

All products recommended by Engadget are selected by our editorial team, independent of our parent company. Some of our stories include affiliate links. If you buy something through one of these links, we may earn an affiliate commission.

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://www.engadget.com/gm-self-driving-ev-investment-35-billion-035316455.html?src=rss_b2c

Continue Reading

ZDNET

Acer Swift 5: An antimicrobial laptop that needs a good clean

Published

on

If you head to the Acer Swift 5 product page, it looks like the standard pitch for an Intel Evo laptop: Light, thin, and solid battery life.

The page even boasts an Nvidia discrete GPU that the Swift 5 series doesn’t have.

But scroll down, and under the fold lies a feature that seems to be made for a planet battling a pandemic — an antimicrobial solution.

The short version is the laptop has a silver ion coating on the chassis and screen, which is claimed to reduce the amount of bacteria on the laptop’s surfaces.

“For displays as well as touchpads, by incorporating silver ions (Ag+) as the antimicrobial agent into Corning Gorilla Glass, the glass surface can stay cleaner longer and less susceptible to odor-causing bacteria,” Acer said.

“This is done via trace amounts of silver ions leaching to the glass surface to eliminate the surface bacteria while still offering other benefits such as improved durability and improved scratch resistance.”

That all sounds good, but does it actually help?

“The antimicrobial protection is limited to the touch surface. All antimicrobial solutions including Antimicrobial Corning Gorilla Glass do not claim to protect users or provide any direct or implied health-‘benefit’,” a footnote says.

That would appear to be a no then, which is probably for the best because testing microbes per square millimetre is not a measurement I am prepared to take.

The full irony of boasting of such a feature in the 2020s is that the Acer laptop is absolutely riddled with crapware that customers most definitely did not ask for.

The Swift 5 has some nice additions, such as Firefox preinstalled, but then it has a collection of crap that is very annoying.

From almost full screen Dropbox and Firefox takeovers, to Amazon assistant and NortonLifeLock pop ups, and even free in-game currency, the advertising is relentless.

If you buy a Swift 5, the first recommendation for this machine is to wipe it with your own more pure copy of Windows, or put Linux on it, which is a shame because otherwise it is a very serviceable machine.

The main improvement users will notice on the Evo platform is the upgraded on-board graphics, otherwise the 11th generation Core i5 could be a few years old and you wouldn’t really notice, except it does runs a bit quieter when pushed, but not totally silent as the fan is noticeable.

Beyond its silver ions, the addition of the touchscreen is good, but the display resolution is only full HD, and when combined with the default 150% zoom level in Windows, barely passable.

Port selection on the Swift 5 is curious. There is a single USB-C port that can take power, as can the Acer barrel plug, both of which are on the left hand side, but the battery light is on the right. Otherwise, one HDMI port and a pair of USB-3 ports complete the line up.

One other factor that doesn’t help the Swift 5 is its recommended price of AU$2,400 for the Core i7 version. At the time of writing, it was possible to pick it up from a major retailer for AU$1,800. This puts it directly up against the likes of Dell’s latest XPS, which also has an Evo sticker on it, or potentially the Lenovo Yoga 9i.

It also means the Swift 5 is around the same price point as an Apple M1 MacBook Air. In that competition, Intel needs every extra bit of grunt to compete, and doesn’t need to be slowed down by Norton wanting to annoy you with an ad claiming it will speed your laptop up. The best way it could do that would be to uninstall itself at the earliest opportunity.

Related Coverage

Acer Enduro N3 review: Thin and light, for a rugged laptop

If you need to work outdoors in challenging environments where water, dust and debris threaten the safety of your laptop, then the Enduro N3 should earn its keep.

Acer Swift X3 review: Solid specs, including Intel’s dGPU, but build quality disappoints

Acer’s Swift 3X has plenty of plus points, including Intel’s discrete Iris Xe MAX graphics and a competitive price, but we’d like to see another USB-C port and a more robust chassis.

Acer Chromebook Spin 13 review: A versatile and affordable Chromebook with impressive battery life

If you’re looking for an affordable workhorse laptop that can handle web browsing and Microsoft Office all day long, the convertible Chromebook Spin 13 has a lot to offer.

High-end Chromebooks explain convertible laptops better than anything else

As mobile and desktop OSes borrow from each other, having a touch screen on a laptop and using apps built for touch makes more sense than other offerings.

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://www.zdnet.com/article/acer-swift-5-an-antimicrobial-laptop-that-needs-a-good-clean/#ftag=RSSbaffb68

Continue Reading

ZDNET

Acer Swift 5: An antimicrobial laptop that needs a good clean

Published

on

If you head to the Acer Swift 5 product page, it looks like the standard pitch for an Intel Evo laptop: Light, thin, and solid battery life.

The page even boasts an Nvidia discrete GPU that the Swift 5 series doesn’t have.

But scroll down, and under the fold lies a feature that seems to be made for a planet battling a pandemic — an antimicrobial solution.

The short version is the laptop has a silver ion coating on the chassis and screen, which is claimed to reduce the amount of bacteria on the laptop’s surfaces.

“For displays as well as touchpads, by incorporating silver ions (Ag+) as the antimicrobial agent into Corning Gorilla Glass, the glass surface can stay cleaner longer and less susceptible to odor-causing bacteria,” Acer said.

“This is done via trace amounts of silver ions leaching to the glass surface to eliminate the surface bacteria while still offering other benefits such as improved durability and improved scratch resistance.”

That all sounds good, but does it actually help?

“The antimicrobial protection is limited to the touch surface. All antimicrobial solutions including Antimicrobial Corning Gorilla Glass do not claim to protect users or provide any direct or implied health-‘benefit’,” a footnote says.

That would appear to be a no then, which is probably for the best because testing microbes per square millimetre is not a measurement I am prepared to take.

The full irony of boasting of such a feature in the 2020s is that the Acer laptop is absolutely riddled with crapware that customers most definitely did not ask for.

The Swift 5 has some nice additions, such as Firefox preinstalled, but then it has a collection of crap that is very annoying.

From almost full screen Dropbox and Firefox takeovers, to Amazon assistant and NortonLifeLock pop ups, and even free in-game currency, the advertising is relentless.

If you buy a Swift 5, the first recommendation for this machine is to wipe it with your own more pure copy of Windows, or put Linux on it, which is a shame because otherwise it is a very serviceable machine.

The main improvement users will notice on the Evo platform is the upgraded on-board graphics, otherwise the 11th generation Core i5 could be a few years old and you wouldn’t really notice, except it does runs a bit quieter when pushed, but not totally silent as the fan is noticeable.

Beyond its silver ions, the addition of the touchscreen is good, but the display resolution is only full HD, and when combined with the default 150% zoom level in Windows, barely passable.

Port selection on the Swift 5 is curious. There is a single USB-C port that can take power, as can the Acer barrel plug, both of which are on the left hand side, but the battery light is on the right. Otherwise, one HDMI port and a pair of USB-3 ports complete the line up.

One other factor that doesn’t help the Swift 5 is its recommended price of AU$2,400 for the Core i7 version. At the time of writing, it was possible to pick it up from a major retailer for AU$1,800. This puts it directly up against the likes of Dell’s latest XPS, which also has an Evo sticker on it, or potentially the Lenovo Yoga 9i.

It also means the Swift 5 is around the same price point as an Apple M1 MacBook Air. In that competition, Intel needs every extra bit of grunt to compete, and doesn’t need to be slowed down by Norton wanting to annoy you with an ad claiming it will speed your laptop up. The best way it could do that would be to uninstall itself at the earliest opportunity.

Related Coverage

Acer Enduro N3 review: Thin and light, for a rugged laptop

If you need to work outdoors in challenging environments where water, dust and debris threaten the safety of your laptop, then the Enduro N3 should earn its keep.

Acer Swift X3 review: Solid specs, including Intel’s dGPU, but build quality disappoints

Acer’s Swift 3X has plenty of plus points, including Intel’s discrete Iris Xe MAX graphics and a competitive price, but we’d like to see another USB-C port and a more robust chassis.

Acer Chromebook Spin 13 review: A versatile and affordable Chromebook with impressive battery life

If you’re looking for an affordable workhorse laptop that can handle web browsing and Microsoft Office all day long, the convertible Chromebook Spin 13 has a lot to offer.

High-end Chromebooks explain convertible laptops better than anything else

As mobile and desktop OSes borrow from each other, having a touch screen on a laptop and using apps built for touch makes more sense than other offerings.

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://www.zdnet.com/article/acer-swift-5-an-antimicrobial-laptop-that-needs-a-good-clean/#ftag=RSSbaffb68

Continue Reading
Esports5 days ago

Lost Ark Founders Pack: Everything You Need to Know

Aviation4 days ago

Delta Air Lines Flight Diverts To Oklahoma Over Unruly Off-Duty Flight Attendant

Aviation3 days ago

Spirit Airlines Just Made The Best Argument For Lifting LaGuardia’s Perimeter Rule

Energy5 days ago

Daiki Axis Co., Ltd. (4245, First Section, Tokyo Stock Exchange) Overview of Operating Performance for the First Three Months Ended March 31, 2021

Esports2 days ago

Clash of Clans June 2021 Update patch notes

Esports4 days ago

Genshin Impact Murals: Location Guide

Blockchain3 days ago

Africa Leading Bitcoin P2P Trading Volume Growth in 2021

Esports2 days ago

Legends of Runeterra Patch 2.10.0 brings bug fixes and Pool Party cosmetics

Blockchain5 days ago

DCR Technical Analysis: Look for Support Levels of $130.13 and $126.01

Gaming3 days ago

Forza Horizon 5 Announced, Launches November 9

Aviation3 days ago

Boeing 727 Set To Be Turned Into Luxury Hotel Experience

Cyber Security5 days ago

Cybersecurity Degrees in Colorado

Esports4 days ago

Genshin Impact Music Rock Puzzle Guide

Big Data2 days ago

In El Salvador’s bitcoin beach town, digital divide slows uptake

Blockchain2 days ago

Since It Adopted Bitcoin As Legal Tender, The World Is Looking At El Salvador

Blockchain4 days ago

Kyber Network (KNC) Price Prediction 2021-2025: Will KNC Hit $4 by 2021?

HRTech2 days ago

Pre-Owned Luxury Car dealer Luxury Ride to add 80 Employees across functions to boost growth

Blockchain4 days ago

Binance Is Launching a Decentralized NFT Platform

Blockchain4 days ago

Ripple price analysis: Ripple retests $0.80 support, prepares to push higher? 

Esports9 hours ago

World of Warcraft 9.1 Release Date: When is it?

Trending