Shadowing Practice: How to Move From Design to Product - Learn English Speaking with YouTube
B2
You know how to design your Figma files looking perfect, your components are consistent, and the prototype seems very realistic.
86 sentences
If sentences are too short or too long, click Edit to adjust them.
1
You know how to design your Figma files looking perfect, your components are consistent, and the prototype seems very realistic.
2
The gap between the mockup and the real functioning product is not a technical one, it's something entirely different.
3
And I think there are three main points for why people actually feel stuck
4
when it comes to delivering a real product
5
and in this video we are going to cover what mock-ups really are
6
and why the problem is not what you really think it is
7
and third and most importantly one system that can change the entire game
8
and help you achieve to ship your first digital products
9
if you're new here hi my name is murat bayral
10
and i help people ship real digital products without further ado let's dive in point Point number one, mockups are sandcastles.
11
Before we talk about how to ship, we need to understand what mockups really are.
12
Imagine you are making a sandcastle on the beach.
13
A big, looking really pretty,
14
all the soft edges looking perfect and someone cross by and say wow to your craft.
15
then when the tides come in it's gone nobody lived in it nobody used it it was just a practice
16
a mock-up that never shipped is basically the same thing it looks amazing
17
but temporary it is real on the moment
18
that it only existed most designers treat the mock-ups as the product itself they polish iterate
19
and refine add more screens on top
20
but the actual problem is the file gets bigger the fidelity gets higher
21
and the distance between the shipping grows figma itself is not the product it is just a blueprint
22
and the moment you confuse the blueprint versus the building you stop making progress a perfect mock-up
23
that no one use is not design it's pure decoration point number two the decision
24
that nobody makes here's the real reason why designers are not shipping even if they are the most talented one.
25
It is not, let's say, the imposter syndrome or it is not like this missing skill that they might have.
26
It's one single decision they keep on avoiding.
27
And I want to illustrate with, let's say, a chef.
28
I love giving examples from chefs.
29
Let's imagine a chef who is perfecting a receipt for six months straight.
30
He writes every possible scenario with every possible ingredients but actually never puts on plate.
31
But let's say after six months he decided to say okay let's try this time
32
and put it on a plate it looks amazing and serve it to real people.
33
And that person can easily say something like this sauce is quite salty.
34
That six months of effort and this perfection is poof gone.
35
That uncomfortable conversation was the whole point.
36
That feedback was the whole point.
37
As a chef you need to taste whatever you make plus you need to help people to taste it
38
in order to have some feedback and in order to achieve the perfect dish.
39
So in a nutshell, the plate itself is not the risk for me.
40
The plate and the serving action is the shortcut itself
41
so designers who keep on avoiding shipping real products is
42
because the mock-up itself is still controllable they can add a
43
few more ingredients to make it perfect once it's live somebody
44
can easily say something is actually wrong with the product
45
or the flow itself
46
so let me tell you the solution in figma terms plain
47
figma terms take whatever the frame you have export them whatever it is available
48
use figma size figma make so you have no excuses you can use framer webflow
49
or you can wipe code it you can check some other videos
50
that we might have test it with wipe coding tools like lovable we have claw code
51
which is doing amazing job you can use gemini there are
52
tons of it get it in front of the real people
53
in conclusion staying in figma can feel like you're in a safe zone
54
but for me it is just another way of saying avoiding
55
things it's just a longer way of not deciding things
56
and seeing progress point number three systems beats motivation so let's say you decided to ship great
57
but here's the second problem and
58
that one is a little bit sneakier most designers are running with motivation
59
that idea spark or whatever you call it
60
when your new idea arrives you open the figma the joy is there
61
and the motivation is there and like after a few days the momentum fades
62
and that file that you never give actual name
63
and sits there as like an untitled file in the middle of nowhere in your Figma projects.
64
So the shipping itself does not have a motivational problem.
65
It's a system problem.
66
A restaurant does not rely on chefs motivational thinking to run
67
every single morning the menu exists the prep list exists and they ship no matter what
68
so the system moves whether the mood is there or not
69
so for me what you could do actually is you build
70
a shipping workflow not a design workflow design workflow ends in the handoff whereas the shipping workflow ends
71
when your product is used by someone else
72
that means connecting the figma whatever you use as a platform
73
that means having a stack that you use is kind of ready every time and
74
that means the next steps are written clearly before you close
75
any file for zero2ui.com this is exactly what the lab teaches
76
step by step the whole journey from the first file all the decision making till the last product
77
that people actually can use motivation helps you open that file
78
but system help you achieve the first version the second version the final version that people can actually use.
79
So pick one thing that you have been designing in Figma for many time but has not been shipped.
80
Give yourself at most 48 hours and ship it no matter what.
81
Not perfection, just ship the real thing.
82
And if you say but where to go next?
83
Well in this video you will see exactly how we can go from a paper idea to a product
84
that can be shipped and tested with real people
85
and do not forget you know how to design all you need is the decision
86
that you have to give thanks for watching
Download App
Everything you need to speak fluently
AI PronunciationScore every sentence
IPA PracticeMaster every sound
VocabularyBuild your word bank
Vocab GameLearn while playing
About This Lesson
In this lesson, you will practice English speaking skills by engaging with the content of the video "How to Move From Design to Product." You will focus on essential vocabulary and phrases related to the design and product development process, allowing you to understand complex concepts in English. By shadowing the speaker's tone and style, you will enhance your pronunciation and fluency, making your English speaking practice more effective. This will not only improve your communication skills but also help you grasp the nuances of discussing design and feedback effectively.
Key Vocabulary & Phrases
- Mock-up: A model or prototype of a design used to visualize how the final product will look.
- Ship: To deliver a product or feature to end-users.
- Feedback: Information and opinions provided by users about a product or service.
- Prototyping: Creating preliminary models to test concepts before final production.
- Iteration: The process of refining a design based on feedback and repeated testing.
- Blueprint: A detailed plan or drawing representing a design concept.
- Decision-making: The process of making choices, particularly when developing a product.
- Serve: To present a dish or product for evaluation by others, often leading to crucial feedback.
Practice Tips
To effectively utilize the shadowing technique while watching this video, follow these tips:
- Watch the video once without pausing to get an overall understanding of the content and flow.
- On your second viewing, play small segments (10-15 seconds) and repeat what the speaker says immediately after them. This will help improve your pronunciation and mimic their intonation.
- Focus on matching the speaker's speed and emphasis; their tone can convey important meanings behind the words.
- Use the phrases from the Key Vocabulary & Phrases section in your practice to gain familiarity with their usage in context.
- Consider using a shadowing app or a dedicated shadowing site to record and review your practice, allowing you to track your progress and make necessary adjustments.
- After shadowing, discuss the video's themes with a peer or language partner, using the vocabulary you learned. This additional practice can solidify your learning and boost your confidence with English speaking practice.
- Finally, revisit the video periodically to refresh your skills and reinforce the vocabulary you've mastered.
What is the Shadowing Technique?
Shadowing is a science-backed language learning technique originally developed for professional interpreter training and popularized by polyglot Dr. Alexander Arguelles. The method is simple but powerful: you listen to native English audio and immediately repeat it out loud — like a shadow following the speaker with just a 1–2 second delay. Unlike passive listening or grammar drills, shadowing forces your brain and mouth muscles to simultaneously process and reproduce real speech patterns. Research shows it significantly improves pronunciation accuracy, intonation, rhythm, connected speech, listening comprehension, and speaking fluency — making it one of the most effective methods for IELTS Speaking preparation and real-world English communication.
☕ Buy us a coffee
ShadowingEnglish remains 100% free thanks to your support. Server and AI costs are high — your coffee keeps us going! 🙏