**How to Grow as a Designer When Everything Is Changing — Transcript & Summary | SozAI** Source: https://sozai.app/transcript/grow-designer-everything-changing/ Explore how designers at Shopify grow and adapt using new tools and processes in a rapidly changing design landscape. ## Key Takeaways - Designers must embrace new tools and coding skills to stay relevant and impactful in modern product development. - Integration of design, product, and engineering roles leads to more effective and rapid product iteration. - Real coded prototypes with live data are becoming the new standard for validating design concepts. - Continuous learning and adaptation are essential for designers at all career levels in a fast-evolving industry. - Collaborative tools and data access empower designers to contribute meaningfully to business strategy and product success. ## What the video covers - Designers now have unprecedented access to tools that connect design with business strategy and data interpretation. - Shopify leads in integrating design deeply into product development, emphasizing rapid prototyping and real coded prototypes. - The traditional roles in product development—design, product, and engineering—are collapsing into a more integrated process. - Designers at all career stages, from new grads to experienced principals, are evolving their practices to keep pace with industry changes. - Prototyping has shifted from static tools like Figma to interactive, real data-driven prototypes using Shop client components. - Shopify designers use various coding tools and APIs to customize their development experience and improve collaboration with engineers. - The product development process at Shopify is highly design-driven, with design playing a key role in desirability, feasibility, and viability. - Sharing prototypes and design concepts has become more seamless, reducing reliance on static decks and increasing team engagement. - Tools like the data portal empower designers to access real user data, enhancing their ability to create impactful designs. - The video highlights specific examples of prototyping tools and workflows used at Shopify to accelerate design iteration and product delivery. ## Chapters 1. 00:00 Introduction: Design and Business Strategy Connection 2. 00:45 Shopify's Leadership in Design Innovation 3. 01:25 Access to New Design Tools and Creative Expansion 4. 02:24 Changing Roles in Product Development 5. 02:47 Supporting Designer Growth Amid Rapid Change 6. 03:15 Prototyping Evolution: From Figma to Real Coded Prototypes 7. 04:24 Using Real Data and Shop Client Components 8. 05:02 Collaboration and Sharing in Design Process 9. 08:04 Design's Role in Desirability, Feasibility, and Viability 10. 09:26 Customizing Development Experience with Code and APIs Answers ## Questions about this video How has prototyping changed at Shopify according to the video? Prototyping at Shopify has evolved from static Figma designs to real coded prototypes that use live data and Shop client components, enabling more realistic and interactive design validation. What roles do design, product, and engineering play in Shopify's product development? Design focuses on desirability, product on viability, and engineering on feasibility, but these roles are increasingly integrated, collapsing traditional boundaries to accelerate development. How does Shopify support designers in adapting to rapid industry changes? Shopify provides access to advanced tools, data portals, and encourages designers to learn coding and customize their workflows, supporting growth from new graduates to experienced principals. ## Full Transcript — Download SRT & Markdown 00:00 Speaker A As a designer who may not have always felt like it had a strong connection to the core business strategy, or could really understand and interpret data, well, now the tools allow you to do that so easily. The core of what 00:13 Speaker A makes a designer super valuable is just being amplified by this moment. 00:31 Speaker A been. [music] We've been given such unfettered access to every kind of tool possible and an unlimited [music] amount of tokens to use to really explore this space of what it means to be designing in the new era. And that's something 00:45 Speaker A Hi, my name is Katarina Betina, and I lead design at Shopify. I think the thing that's really unique now is just how ahead of the curve Shopify has 00:59 Speaker A been. 01:12 Speaker A around [music] that product development process. One theme that's super top of mind for me is helping designers grow in this environment [music] of really rapid change. And that spans from new grads out of school who are coming into a 01:25 Speaker A We've been given such unfettered access to every kind of tool possible and an unlimited 01:37 Speaker A amount of tokens to use to really explore this space of what it means to be designing in the new era. And that's something 01:49 Speaker A that we've really been embracing at Shopify. This idea that not only designers can be builders now, but what we're able to think about, our creativity 01:54 Speaker A has just been wildly expanded. You almost used to think of those pieces of the process cut by 02:00 Speaker A discipline. 02:11 Speaker A after kind of still working on this idea a bit more and building out a pretty convincing prototype that can really show the possibility of us kind of rebuilding the store with all the components that we have. 02:24 Speaker A Product is responsible for the proposal. Design is kind of responsible for the prototype and getting the 02:33 Speaker A concept of what we want to build together. And build is largely an engineering pursuit. The disciplines have entirely collapsed 02:43 Speaker A around 02:47 Speaker A that product development process. One theme that's super top of mind for me is helping designers grow in this environment 02:57 Speaker A of really rapid change. And that spans from new grads out of school who are coming into a 03:07 Speaker A moment in the industry where the definition of the job is changing very quickly 03:15 Speaker A to principal designers who are evolving their practice even though they've been at it for the last 10 to 15 years. 03:27 Speaker A impact the business? You could easily split those three across the disciplines. You know design was responsible for making it desirable. 03:34 Speaker A This is something I've been thinking about for a while, and I tried to approach it maybe about a year or so ago. Uh, and it was like rethinking how we build the store, merchant store and 03:46 Speaker A shop. Originally I did in Figma. I made some prototypes. We looked at them. It felt very static and very not real. 03:58 Speaker A [music] has historically been incredibly design driven. I think that's more so true [music] now than ever. Whereas before, you know, a Figma and a prototype was really our source of truth, now real coded prototypes are either our source of truth that then 04:13 Speaker A Yeah. And then in an afternoon, I was able to build out this which pulls in real data. 04:24 Speaker A It basically takes a look at the online store, and then I asked Claude to rebuild it given all of the shop client components that we have. I showed this to you. I think it was about four o'clock on a Friday, and this is 04:39 Speaker A after kind of still working on this idea a bit more and building out a pretty convincing prototype that can really show the possibility of us kind of rebuilding the store with all the components that we have. 04:48 Speaker A Hey, I'm Liam Fennel. I'm a product designer here at Shopify working on shop app and so I built a little tool that I'm going to show up today. We can create prototypes in React Native and Swift for an expo. Um and then you can 05:02 Speaker A So much of what we do in Shopify is representing the brands of other merchants, 05:16 Speaker A and real data is key here, right? There's so many assets. 05:26 Speaker A It's so interesting to look at the interface here because you've basically built like a pretty beautiful piece of software. You're using this to illustrate a real product opportunity. 05:40 Speaker A like preference to prototyping in shop client because everything's there and then we can just hand it straight to engineers um to start working. 05:48 Speaker A Yeah, this is a vehicle to get the thing that's in my out and away. 06:04 Speaker A And it's funny to think about even six months ago the amount of meetings, docs, assets we would have generated that would have 06:17 Speaker A not at all illustrated. 06:32 Speaker A It would have been a deck. It would have been some like deck that I have that has like really pretty couple of prototypes, 06:45 Speaker A but it, that's it would have died there. And now that there's this link because we have, we use Quick obviously 06:56 Speaker A to share this out. I can share this with the entire team, and it's just kind of a really fun time to be working on this stuff right now. 07:08 Speaker A like product and data, right? Um, and we have something called the data portal, which is essentially an MCP that anyone in the company has access to. And that allows designers who are curious about how many active users are on their 07:19 Speaker A There was this idea that the thing that made a great product was understanding what made a product desirable, feasible, and viable. Desire being do people want to use this? Feasible. Can it be built? And viable? Is it 07:30 Speaker A going to 07:44 Speaker A impact the business? You could easily split those three across the disciplines. You know, design was responsible for making it desirable. 07:51 Speaker A Engineering was largely responsible for making it 08:04 Speaker A feasible, and product, you know, is the thing viable. And I think what's most interesting about this moment and what I've always believed about 08:17 Speaker A design is that design has an important role in making sure that 08:31 Speaker A people want the thing in the first place or that it's actually solving a problem, but that all the other things, the feasibility 08:45 Speaker A of it and the viability of it are really important inputs to making a well-designed product. Product development at Shopify 08:59 Speaker A has historically been incredibly design driven. I think that's more so true 09:14 Speaker A now than ever. Whereas before, you know, a Figma and a prototype was really our source of truth, now real coded prototypes are either our source of truth that then 09:26 Speaker A inform the build or 09:32 Speaker A at times are production ready. Obviously, getting close to the code is another important piece of the puzzle, but everybody has their own flavor, and it's kind of been cool to watch designers 09:41 Speaker A design 09:53 Speaker A their development experience. We have people using Codecs and a same amount of people using Cloud Code, but also then venturing into API and actually custom building 10:04 Speaker A their own agent harnesses to really give themselves an opportunity to develop an agent-based 10:12 Speaker A design experience that really suits their needs, the kind of product that they're designing for, and they're really able to 10:25 Speaker A turn the knobs and dial in that experience, which is really cool to see. 10:37 Speaker A 100% manual. for example, like you know, we wanted to create this [music] little floating character on our project. And so you have this little floating character here, and [music] each time you click on him, his jacket gets crazier and crazier. You can [music] 10:53 Speaker A Hey, I'm Liam Fennel. I'm a product designer here at Shopify working on the Shop app, and so I built a little tool that I'm going to show up today. We can create prototypes in React Native and Swift for an Expo. Um, and then you can 11:09 Speaker A iterate on these versions with your co-workers. I'll start running this one. It uses a Shop prototype kit, 11:21 Speaker A which is basically rebuilding Shop client in Swift. 11:32 Speaker A You don't have to open your terminal at all. It's a little bit easier for maybe 11:40 Speaker A less technical designers who don't want to get into the weeds of setting up dev every time doing all that. And then on the flip side of that, we can also spin up Shop client. Um, this is usually like 11:50 Speaker A the heaviest to get going. You have to pull down changes from main every single time. Um, and it's just like 12:02 Speaker A the hardest thing to spin up for someone that's not super technical. So, this just simplifies it into one click. We 12:11 Speaker A like preference to prototyping in Shop client because everything's there, and then we can just hand it straight to engineers Topics: design growth Shopify design product development prototyping real coded prototypes design tools designer skills design and data collaborative design design innovation --- This is the markdown twin of https://sozai.app/transcript/grow-designer-everything-changing/ — the same content, without the markup. Published by SozAI (https://sozai.app). Reuse and quotation are allowed with attribution and a link back. Machine-readable index: https://sozai.app/llms.txt · data API: https://sozai.app/api/