Duration 15:51
16+
Play
Video

Adobe MAX 2019: New Features and Updates in Adobe XD

Jamie Myrold
VP of Design at Adobe
+ 2 speakers
  • Video
  • Table of contents
  • Video
Adobe Max 2019
November 4, 2019, Los Angeles, CA, USA
Adobe Max 2019
Video
Adobe MAX 2019: New Features and Updates in Adobe XD
Available
In cart
Free
Free
Free
Free
Free
Free
Add to favorites
10.8 K
I like 0
I dislike 0
Available
In cart
Free
Free
Free
Free
Free
Free
  • Description
  • Transcript
  • Discussion

About speakers

Jamie Myrold
VP of Design at Adobe
Scott Belsky
Executive, Author, Investor, & Product Obsessive at Adobe
Knoi Vinh
Principal Designer at Adobe

As Vice President of Adobe Design, Jamie Myrold has led large-scale design efforts at Adobe for more than ten years, leading the company’s development of the next generation of design tools. Her experience goes beyond restructuring and redesigning applications, but to redefining Adobe’s design business as well. In her role, Jamie aims to inspire the next wave of design leaders, encouraging her teams to push boundaries and develop leadership skills to define guidelines that help with all aspects of business strategy and product creation.

View the profile

Scott Belsky is an entrepreneur, author, investor, and currently serves as Adobe’s Chief Product Officer and Executive Vice President, Creative Cloud. In 2006, Scott founded Behance, the leading online platform for the creative industry to showcase and discover creative world, and served as CEO until Adobe acquired Behance in 2012. After the acquisition, Scott helped reboot Adobe's mobile product and marketplace strategies and leading Behance.Scott actively advises and invests in businesses that cross the intersection of technology and design, and help empower people. He works closely with a number of venture capital firms including Benchmark and Homebrew, and is an early advisor and investor in Pinterest, Uber, sweetgreen, Carta, Cheddar, Flexport, Airtable, and Periscope as well as several others in the early stages.Through his work as a founder and investor, Scott has become an advocate for technology and community initiatives that empower creative people and help businesses leverage the creative potential of their people. He is the author of two national bestselling books - Making Ideas Happen and The Messy Middle, and founded 99U, a publication and annual conference devoted to productivity in the creative world.

View the profile

About the talk

Topic: Design

Adobe's design system, Spectrum, is a force-multiplier for design and engineering. It enables teams to work faster, iterate and explore more ideas and drive design continuity across our entire product ecosystem. Vice President of Adobe Design, Jamie Myrold elaborates on the role of Spectrum in bringing Photoshop to life on iPad and Adobe XD product designer Khoi Vinh shares a closer look at the tool's newest features.


Share

Let's talk a little bit about pruriens design the past few years feel like a never-ending conversation about how important design is how it's a competitive advantage and modern companies and how designer should be at the center of product development. And so I'd like to welcome a person with whom I talked a lot about this adobe's and vice president of design Jamie myrold. Thank God good morning. Everyone. Wow for I start I just have to say what about illustrator on iPad? Is that amazing?

Every time I see it. Anyway, I'm so happy to be here today to talk about experience design. Why because my team I had a Global Experience design team here at Adobe. And the mission of my team is to the design product experiences that amplify the world's ability to create and communicate and here is that amazing team. So when I joined Adobe way back in 2004. Yeah, 15 years ago. We were working on Creative Suite 2 at the time and our product development process was about 2 years

which play today's standards is extremely long designers were considered decorators brought in at the end of the cycle to basically make things look pretty Today design essential to any company running an experienced lead business design organizations or what I call. Stack with superpowers across the sign up for operations content strategy user research prototyping and of course ux design and the work that we do has fundamentally changed. We now designed for multiple surfaces devices and platforms with inputs such as touch voice and

even body movement. We have an intelligent digital canvas that goes well beyond the screen opening the door to imagine new immersive in augmented reality and data plays a critical role in all of the design decisions that we make So now today my team designs more than 50 products and services in collaboration with hundreds of cross-functional teams spread all around the world. It is a super complex May check and most of you and this room you several of our products to get your work done every day and we use those very same products

product which is kind of matter and also a great honor. So we use XD to design XD we use XD design Photoshop to illustrator and InDesign all products shown on stage today have been designed using Adobe products by designers at Adobe. So one of the biggest challenges that we have is to design a unified experience across our entire product portfolio. On the complexity of this is overwhelming at first glance. So if we take a simple example such as a button, there are nearly 1,100 variations of this component across the

multiple Services platforms color themes and Frameworks we design for and this is just one example out of thousands. So the best way for any of us to address this type of complexity this type of challenges, of course with a design system. So adejobi our design system is called spectrum and Spectrum gives us all of the guidelines tools and shared experience language to work with I'm building out Spectrum has definitely been a labor of love for my team and a multi-year journey, and we have learned a ton along the way and everything that we've learned is

helping to make XD the best tool to help you build your own design system. Which is why I am super happy and excited to share that spectrum is now out in the wild and publicly available as the best practice guide for building your own design system and also as a great tool for external developer Community to use the very same building blocks that are internal teams use so this is super amazing and awesome to check it out. So we use XD to build and also use Spectrum which has been a force

multiplier for design and Engineering having access to all of the approved you like it's fonts & icons right within XD means we designed faster iterate more quickly and Sarah prototypes to get feedback early and often with our stakeholders. Including stars, and of course on 22 and you can believe me we get a ton of feedback. Okay, so the exit team has been heads down focusing on some amazing new enhancements for both designed systems and collaboration and to see just how amazing he was poison to show you who actually me.

What's my boss? Okay. So Adobe XD combines all the design prototyping and sharing tools that you needed to one seems experience here on the desktop and she's like Amy says we use everyday at Adobe. In fact, this is a project file from photoshop on iPad which Emily Denver for you a little while ago. We designed it all from scratch right here and XD as you can see using our Spectrum design system build up fired up ready to go right here in my access panel. So he's really critical to the way we work at Adobe. Okay. So the first version of XD came out two years

ago at maxton's shipped over a hundred and fifty new features, which is a ton of stuff to keep up with. So today. I just want to highlight a couple of the major areas where we really let the head and the first is to be no exes always been super fast. Just look at the way I can zoom in and out Superfast important then goes to create some features that make it really easy for designers work even faster than I ever have before and first feature is called component. I got a master can put it here. And if you've worked with symbols or smart objects, you'll know how this works right

away. So this is a massive component. And what I'm going to do is change the type here. From regular The Bold and then I'm also going to change the fill color to white and just as you would expect that's going to update right away on all the child instances of that component that I got on all these other artboards Pack-a-Punch even more powerful than that because I can also override Pacific Properties on this child instances while keeping a link back to the master. So let me show you how we do that. I'm just going to drag here to get a new copy of this component. Imma try my guys increase

here. And what I'm going to do is override a lot of these layout properties in order to turn it into more of a card layouts. I'm using a response to resize do a lot of that late at work for me and let's grab this. Icon here, and I'm going to override the size and position properties here in order to put it front and center few more finishing touches. Like let's say override the background fill color hair change it from Gray to Blue. So just like that. I've got a new instance of this computer's really different from the other instances, but like every instance

is still linked back to the master. So if I want to make any changes on the master, they're going to sink every word that I haven't yet overridden the property. So the rounded corners on this card. I bet you shot for my tastes. I actually want to change them globally. So on the master, let's just grab the corner here and pull on it. And as you can see that updates in real time, even with all the changes I made on the new instance that corner is rounding just as you would expect and also while we're at it lets you shut the position for the scrubber to should really be at 72% just like the real

says so I'm just going to grab it and move it to the right. And as I move it note that is also moving on all these other artboards in real-time. Let me zoom out so you can see how cross the whole project moving just like that. So they kind of sophisticated control. Do you have over your design solution which components only NXT? No other tool gives you this kind of power. All right, so not to talk about designing interactions and creating rich interactivity and XD. Which is really straightforward with our prototyping features, but if I've got a future a screen like this one with a ton

of interactivity like these switches here that need to get flipped on and off you can see on the screen of design them to turn green or different areas. I need to open up a reveal different cars or other UI elements. What am I need to do is to placate the same are bored again and again and just so I can simulate each piece of interactivity in before too long. I've got a pretty card work space and once I start to wire everything up for prototyping mode things going to get you going to get even more crazy with all his wires. I'll have to deal with well in the new version of XD. We can

actually just delete all these are Ford's because now I can do everything on one or board. Thanks to a new future. We've got called States no state is a way of stashing interactivity. So to speak into components. So let me show you how this works in the switches what I've done it. Turn the switches into components and I've added a cap stick to it. You can see here on the right side of my property inspector and at app state is Green and it flips to the top and I asked him to put it on all these widgets here and also designed some even more ambitious state. So this little weather widget up here

when the user rolls over at what I've done is a. A hover State never be able to pop over menu with a full weather forecast. So let's just take a look at this prototype so you can see the real power of state. So here's my desktop preview window. I can flip the switches on and off and I can actually do that in any combination. Should I see something was really difficult to do using the duplicate artboard method that I was using earlier and here is that weather widget. If I roll over at you get the full forecast also noticed there's a little bit of motion there and that's because States works

with XDS Auto anime amazing visual prototype. We met that makes it really easy to add emotion to anything. Including states are the transitions in and out of states are super elegant. They can also take on any size or Dimension to this tall narrow State here. If I click on it. It just sweeps open with auto animate things over that whole bottom of the screen all this interactivity just with one artboard. Thanks to States. Thank you. Hey took these pictures going to make any designer faster. But if you work at emu designers, that's where Ice-T really shines because he was built for

teams of designers to collaborate and a key way that we do that is with our support for design system. So here's what is Isis to be created for this project. This is just a way of organizing and capturing all of my Colors by type my oops, sorry. my type my buttons everything that I need to keep my whole design team working from a single source of Truth and XD. Our Design Systems are stored in the cloud and that means that I can access it from work or from home and also means that my whole team can get through this one

single same Design Systems document you can see here's a list of everybody who has access to the document. They can edit it anytime and we can be sure or not. We're not going to overwrite one another's work because as a cloud document this design system comes with automatic version and build right in so you can see here at this menu shows a long list of the revision that we made this one document overtime if I want to see if any of them I can just click on it to a bookmark. I'm just going to say Max demo and just like that. This is the new permanent Milestone that I can revert back to it

anytime. All right, so those thank you. Those are some of the basics of Design Systems that was actually start using those assets here in this project where I'm working this morning. What I want to do is get those assets here into my document. So under share with you, here's the name of that document based design system double click on it and just like that, excuse of a grab all those assets and it's dropped them right here at the access panel if I want to see just what's in that system filter by the name. I've got a shorter list and now I can start using some of these elements

right here on campus. So now I've got these assets from my design system and I can actually just start using them socially important to note. I'm not using a copy what's in that has Isis. I'm actually using the live assets there a link to the real design system in the cloud. So if there any changes I can get notified to hear an update them right away. In fact, the team isn't working off stage looks like there's been some changes. I can't tell because of this little Blue Link here and if I roll over it, I get a preview of how that's going to change. So I click on it and that is going to

update just like that. Get the latest and greatest from the designs. CSC makes it really easy for me to share my work my assets my my whole design system with my team, but we got even further and built an even more powerful feature on top of that same sound ation. And that is the ability to work in real time in the same document with my whole team because feature co-editing it's amazing. This is like Google docs for design with all the riches and robustness of a desktop app. And in fact, I've been biting my whole team to start working here. You can see these are pores coming online now,

everybody's color coded so I can see who's working on. What is the steel transformative for the design process? Because now we can see what everybody's working out at any one time. In fact, this is the way that the team at a jovi is working more and more everyday. We love the transparency the immediacy and the richness of robustness and and speed of a true desktop app. Nobody else can can can provide that. Alright. So those are just a few of your recently. Speed of design in XD tools for collaborating a teenth of designers, and

also just amazing and enhancements overall. So if you haven't downloaded now is more powerful than ever if you have tried XD you got some amazing new features to start playing with download it and make something awesome today. Thanks very much for your parents. Take care. Thank you, Corrie. Thank you. Jamie course will you just are only a few Generations exe team has produced over the year and there's a lot of experience design space these days. I really admire the way the XP team is cut their heads down and focus on shipping gray new

features every month and there's so much more to come here was the growth of the XT ecosystem which is added hundreds of new plug-ins and Integrations with Partners like Microsoft 0/0 height now your fingertips and the all-new XD plug-in manager should also check out quick shout out to hundreds of entrepreneurial partners that are now extending the XD ecosystem with really cool new plug-ins. That's all so great to see XD is being adopted by big organizations these days as big as Microsoft WPT in Infosys as well as many new startups

and design teams all around the world and we're excited to partner with IBM to help companies build their own Design Systems to look out for information on that as well.

Cackle comments for the website

Buy this talk

Access to the talk “Adobe MAX 2019: New Features and Updates in Adobe XD”
Available
In cart
Free
Free
Free
Free
Free
Free

Access to all the recordings of the event

Get access to all videos “Adobe Max 2019”
Available
In cart
Free
Free
Free
Free
Free
Free
Ticket

Interested in topic “Design”?

You might be interested in videos from this event

February 22 - 23, 2019
San Francisco, CA
16
7.79 K
agency storytelling, designing , disruptive alchemy, immersive & interactive, immersive economy, immersive environments, mwm immersive, spiritual trespassing, theatre collide

Similar talks

Chantel Benson
Sr. Product Manager at Adobe
+ 1 speaker
Scott Belsky
Executive, Author, Investor, & Product Obsessive at Adobe
+ 1 speaker
Available
In cart
Free
Free
Free
Free
Free
Free
Abhay Parasnis
CTO & EVP at Adobe
+ 2 speakers
Veronica Belmont
Product & Evangelism at Adobe
+ 2 speakers
Scott Belsky
Executive, Author, Investor, & Product Obsessive at Adobe
+ 2 speakers
Available
In cart
Free
Free
Free
Free
Free
Free
Scott Belsky
Executive, Author, Investor, & Product Obsessive at Adobe
Available
In cart
Free
Free
Free
Free
Free
Free

Buy this video

Video

Access to the talk “Adobe MAX 2019: New Features and Updates in Adobe XD”
Available
In cart
Free
Free
Free
Free
Free
Free

Conference Cast

With ConferenceCast.tv, you get access to our library of the world's best conference talks.

Conference Cast
561 conferences
22100 speakers
8257 hours of content