Level up your design documentation with a Design Deck (Free Figma template!)

Подписаться 84 тыс.

Просмотров 84 тыс.

50% 1

Get your copy of the Design Deck here: femke.ck.page/design-deck
✨ Join the waitlist for my course on Product Strategy for Designers - cohorts run multiple times a year and space is limited maven.com/femke/product-strat...
Use this template as a source of truth for your next design project! Impactful designers are great at communicating design decisions and documenting design process. This is the deck to level up your communication and documentation process!
FOLLOW ME ON INSTAGRAM: / femkedotdesign
----------------------------------------------
//LINKS
Get your copy of the Design Deck here: femke.ck.page/design-deck
Figma to Slides: studiosnoon.com/figmaslides/
Looking for 1:1 mentorship or feedback on your portfolio? Book a session with me on Superpeer: superpeer.com/femke
//TIMESTAMPS
0:00 - What is a design deck?
1:52 - Deck setup
2:29 - Template Intro
3:27 - Presenting interactive prototypes
5:25 - Problems and opportunity
6:25 - Product & design decisions
8:37 - Research & discovery
9:36 - Final Designs
11:15 - Wrap up
//GET STARTED IN UX
UX Design Validation course: uxforfreelancers.thinkific.co...
UX Research and Strategy course: uxforfreelancers.thinkific.co...
// MORE
Portfolio: www.femke.co.nz/
Blog: www.femke.co.nz/articles
Podcast: www.designlife.fm/
// SOCIAL
Twitter: / femkesvs
Instagram: / femkesvs
//TOOLS (referral links)
Get a free trial of the best music for your videos: share.mscbd.fm/femkesvs
Try Webflow, my favourite portfolio tool: webflow.com/?rfsn=1125819.b1c...
Create and manage your email address with MailerLite: www.mailerlite.com/a/ktugp8ucmm

Опубликовано:

5 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 155

@femkedesign 2 года назад

Get your copy of the Design Deck here: femke.ck.page/design-deck

@dotabuff5288 Год назад

IT IS DECK NOT DICK, STRANGE ACCENT U HAVE

@cascaII 3 года назад

I know this sounds trivial, but Femke, you are bringing the right things to the Product Design world. Especially for the newer folks and people who want to become a Product Designer. You burst the bubble of "I am here to build UI, right?". This is something, someone should have told me 6 years ago. You speed up the process for everyone and bring valuable insights and state of the art working. Thank you!

@luisbanegassaybe6685 3 года назад

I started studying product design this year, I’ve been a programmer for quite a few years and I often see a lot of beginner videos about programming thinking “I wonder who are watching these, are they really digesting the information?” So here I am on the other side now, keep the channel growing

@helloseky3950 3 года назад

You're a star Femke! It is so inspiring to see how other product designers organise and keep track of their projects.

@michaellahargoue5589 3 года назад

You and all your videos are so helpful! I can not thank you enough!

@sandragiraldo1367 3 года назад

Thank you so much for the wonderful and super helpful content you create. I learn so much from you Femke. You are seriously the coolest product designer I know 🤩

@porgyandme8745 3 года назад

This is amazing. I've been in product design for 15+ years. People ask me why I don't do videos like this.... I think people like you is the reason. You do it so well already .... I'm learning too. this one in particular was very helpful. thanks and keep inspiring with all this hard work.

@CinemarTalk 3 года назад

Your timing is impeccable! Working on a design deck in class today 😊 ok back to the video!

@chrisenglish2655 3 года назад

Thanks, Femke! I found this really useful. Often the documentation is separate in another system, like Confluence, and decision decks in other's PPTs, but having it all (or at least the important highlights) in one place is super handy. Love it!

@tanyaniu 3 года назад

I always know I'm going to learn something new from your videos, thank you so much for sharing Femke! Excited to work with your template :)

@donovanmilton2742 3 года назад

Thanks so much Femke! literally a great resource! best design RU-vidr!

@dan.carino 3 года назад

I used to work at a startup and started to work at a big organization. I was looking for something like this because information is spread out everywhere. Thanks!

@Anonymous-nj2ow 3 года назад

as a programmer this is like cheat codes for design... coming up with this stuff is not easy and designers/UI folks are like experts...

@nazaninsh189 3 года назад

Thank you so much Femke for all these great information you are sharing with us ... I really believe with this types of tutorial you are building up my confidence to start my new career as a UX designer 🙏🏻

@Heartbeat2471 3 года назад

You’re awesome for this! Thank you so much❤️🙌🏼

@lucasmmaidana 3 года назад

This is right what I was needing! thanks 🚀

@kareemwalls-sanders118 3 года назад

Thanks for sharing your design process with the world! Always learning from you.

@lorrained327 3 года назад

This was so helpful! Thanks so much! I will be using this as I’m currently wrapping up my project ☺️

@davidhenzell7568 3 года назад

This is terrific. Thanks Femke. It's been watching your channel that has inspired me to dust off my creativity - I'm loving Webflow and now also do all my design and planning in Figma. I know there are other planning apps (Whimsical/ Miro) out there - but with Figma I can get it to look right - and when it looks right it feels right, yes? You're a constant source of inspiration. Thanks from across the pond in Leeds, UK.

@jennamussar5992 3 года назад

Femke, I just discovered your channel and this is amazing! Thank you for sharing these assets.

@jbborgescdx 3 года назад

Amazing content 😍! Thank you so much Femke!

@coins8602 3 года назад

I'm 22 and still in school; this really helped me out with understanding how to showcase work along with actual work deliverables. Thanks!

@probablyde5936 3 года назад

I cant articulate how much this is helpful to my being

@AndresTheDesigner 3 года назад

This video was packed with gems. Thank you!

@huntrrams 3 года назад

Wow this made my first case study as a beginner so easy to document!!!!

@BotenPansy 3 года назад

Oh nice, just start binging your and Charli's podcast (currently on 74). What are the odds you popped up in my recommended feed. You two are great! I'm learning a lot! Keep up the great work!

@designerlynn9499 3 года назад

Thank you for doing this, this video has been super helpful! You rock!!

@philmojii 3 года назад

Thank you so much Fem this is very helpful, I'm currently learning to use Figma.

@jswanson859 3 года назад

This is awesome! Thank you so much for sharing. I've got a new project that I'm going to start next week and try this out.

@coiichen9894 3 года назад

This the most useful and detailed working template I've ever see. Much appreciated it that you share this treasure. If you mind talking about responsive design in detail about using the grid system and how to adopt design into cross-platform, especially web apps, for example, how a web app dashboard design converts into a mobile? This's quite a difficult barrier.

@victoriatench 5 месяцев назад

This is awesome! Thanks so much for sharing. I’ve struggled quite a while, trying to figure out how to pull all of these elements like focal design principles, key research insights, HMWs and hypotheses together together for cross-functional collab and final design pres/handoff. Very well done! Thanks again 😎

@twinklebudhraja7957 3 года назад

This was really helpful, as I am soon going to present a Design. Thank you.

@michellekarolyne Год назад

Femke, you are awesome! I am in a interview process learning more how to stand out in this process... you helped a lot, thank oyu!

@SmKc-jy9kq 2 года назад

Can't wait to get started, I've always been trying to consolidate the need for a design deck (now I know there is another term of reference!) also feel assured that this needs to documented concisely. So looking forward to the rest of your videos. You are a a great humble presenter with your talent, thanks for kindly sharing.

@femkedesign 2 года назад

Thank you! That's so kind :)

@kittymancy 2 года назад

I appreciate your professionalism so much! I feel like a lot of other designers on RU-vid don't get as detailed or specific about handoffs... I really appreciate your corporate perspective. :)

@femkedesign 2 года назад

Thanks so much!

@syedazhar8554 3 года назад

You're the best! Thank you very much for your valuable videos and also hoping for more and more. I wish you to have a good future ahead :)

@quackimadinosaur123 3 года назад

This is sooo helpful, thank you!

@Hiandres16 3 года назад

OMG Femke you are so sweet, Thank you so much, that template and that going throught it was all I needed!!!

@Hiandres16 3 года назад

PD: I'm just learning and I was really confused about the design process, this brought some clarity in my life

@theofani 3 года назад

Thank you for this great source of insight! 👍

@andrew_to 3 года назад

This is very useful. Always wanted to put something like this together for my projects but was not sure where to start. 😁

@liacanoy1392 7 месяцев назад

Thank you for the free template!

@poncardas 3 года назад

Just subscribed! Great workflow.

@neemok 5 месяцев назад

Fantastic work and presentation !!

@susirepo 2 года назад

Wow, thank you so much for this video!! Amazing how this video came at just the perfect moment when I was wondering about this! I'm a UXD student, so I'm just getting used to all these tools we have to create and communicate! All the examples and ways you use these two tools are super helpful. I have never thought about using Figma for a ppt, and now that you mention it, it seems so obvious! Great content, love it!!!

@femkedesign 2 года назад

Happy that it came at the right time for you! Good luck with your presentation :)

@niels3821 3 года назад

Thanks! going to save me tons of time, keep it up

@anshikakala 3 года назад

Very helpful ! Thanks a bunch for this.

@fnogara10 3 года назад

great content! thanks a lot! essential for begginers. Cheers from Argentina!

@Photuwali 3 года назад

This really useful

@KimAlban 3 года назад

Femke, you're awesome

@djlilcq 3 года назад

Really helpful! Thanks friend as I'm learning so much from your channel and podcast. Take care.

@thisiskath 2 года назад

This is amazing!!! ✨

@rachelson1385 2 года назад

Thank you for sharing this great source!

@mayyvislok 3 года назад

This is amazing! thank you so much

@xavi_lasso Год назад

That was dope! Thank you

@jarreolamtz 3 года назад

thanks for sharing this !! 🙌

@rojaklove Год назад

Love the tutorial videos! Keep up the great work

@femkedesign Год назад

Thanks, will do!

@eddiewhatson1800 3 года назад

Nice work! Keep it up 😃

@kmcnolo 2 года назад

thank you! I love your videos, they are so helpful.

@femkedesign 2 года назад

I'm so glad!

@flinnrodrigues6087 3 года назад

Hi femke. Love your work. I was going through your portfolio, and I really loved it, especially for its simplicity. I wanted to know what was the technology stack you've used to create the portfolio?

@Kwintessential2 3 года назад

Good idea to import the prototype in the deck

@Edgewaysz 3 года назад

Thanks, Femke!

@dinoXman 3 года назад

wow you're so kind, thank you!..

@OzMoVideo Год назад

I love this! Thank you so much.

@femkedesign Год назад

Glad you like it!

@themikias 3 года назад

Add design system under design section and you have a complete design project. Also I find that making each section its own page on figma makes navigating so much easier when you have so many slides.

@aaronbenson1667 3 года назад

Awesome video!

@schroepa1981 3 года назад

Thanks a lot! This comes right in handy 😀

@femkedesign 3 года назад

You're welcome!

@AlanHofman 3 года назад

Do you think you could show us your portfolio or a portfolio template? Edit - Looking back at some of your videos I see very useful content regarding portfolio tips. Thank you so much!

@chasez3743 3 года назад

This is super useful. Thank you so much, Femke. One question, I replaced the photo placeholder in the device frame but couldn't scroll the prototype as you did in the video - is there any plug-in I need to install to make it work? Thanks

@ojulioricardo 2 года назад

Wow! What an amazing video, it gave me several ideas here. Thanks for the template ❤🙏🏻

@femkedesign 2 года назад

You’re welcome!

@ycc1018 2 года назад

Thank you! This is really helpful!

@femkedesign 2 года назад

Glad it was helpful!

@shriyashekhar4454 3 года назад

This can eventually become the portfolio case study as well or some sections of this deck can go to the case study as well right?

@bayoibiyemi5268 2 года назад

I love this channel ❤️

@femkedesign 2 года назад

Thank you for tuning in!

@zubee6011 11 месяцев назад

I haven’t received the template yet, I don’t know if there’s a problem from the site. Also this is very helpful, thank you so much💕

@goldbitcoin 3 года назад

very helpful. thank you.

@amyhernandez1711 3 года назад

Hi Femke, can you explain more about the term you’re using ‘Source of Truth’?

@thecreativebookclub9048 3 года назад

I FUCKING LOVE THIS CHANNEL! Keep it up - great content

@slowlearner3785 2 года назад

Rock. Star. This was great!

@femkedesign 2 года назад

Thanks :)

@samssalman 3 года назад

Question to @Femke, there might be something missing in the template. I usually include summative research ex.usability testing results related to the design. These usually follow the design and give an assessment of it's usability and might include metrics like TOT, task success rate... And Sus..

@Daniel-ti1pq 2 года назад

Amazing work it is a very great template😊

@femkedesign 2 года назад

Glad you like it!

@caglacol2861 2 года назад

It is really helpful for the ones who does not know how to present ux project like me ( : thank you so muhc!

@femkedesign 2 года назад

Glad it was helpful!

@MasayaShida 3 года назад

This is also useful for frontend web dev :o

@madebyymira 3 года назад

This is great! Wondering about what you think the key differences are between this deck and one for a interview portfolio presentation?

@katieroehrich8199 3 года назад

I'm curious about this, too.

@pavithraolety 3 года назад

Hi Femke, thanks for helping the design community. You're awesome. The link to this design template did not work for me. Is anyone having this trouble?

@MeMyselfAfrobeats 2 года назад

Thank you so much!!

@femkedesign 2 года назад

You're welcome!

@ritambharasingh9788 Год назад

You are amazing

@femkedesign Год назад

Thank you!

@badich2206 3 года назад

I think it's all that a designer needs to create a case study

@Abhimabi 3 года назад

Is it possible to get the examples of the documents that you talked about, if not please make a video on those.

@binsonfeng1205 3 года назад

Thanks!

@santoskhalifa8027 Год назад

Thanks a lot!

@dtavella82 3 года назад

Awesome video. I just started using figma and created some mobile website prototypes. I just saw in your video 3.30 mark you mention you can add them to your figma presentations. I really want to do this but how do I bring my mobile prototype into my folio presentation?? They are separate files. Help!!!

@greenlv8883 2 года назад

Thank you so much!!!!!

@femkedesign 2 года назад

You're welcome!

@chukwumaudokporo2586 2 года назад

Wow!!! 🤩 Really thorough documentation presentation, @femke. Just wondering why the research and discovery slide didn't come before or after the user persona. Shouldn't they (R&D) come from insights gotten from interviews with users?

@femkedesign 2 года назад

I think this is because in my use case we don't define new personas for each project or based on project-specific research, but rather we have existing user archetypes that are pre-defined based on past research and product market fit.

@emdanielap 3 года назад

Hey Femke! I was wondering which one is the video where you talk about blush? Is it the one called 'Finding clients'? ☺️ And lots of thanks for this and the rest of your freebies - I downloaded them all and because of them, from now on, I only use Figma to make my slides, and I align each section's slides horizontally - what a game changer! :D

@emdanielap 3 года назад

@@femkedesign Oh I see, that makes sense why I could not find it. And really love your channel - keep up the good work!! 👋

@elsamorand5027 Год назад

Thanks so much 😊

@femkedesign Год назад

You're welcome!

@Jada-li9tv 2 года назад

Hi can you go over how exactly you made those screens scrollable in your figma presentation? I have your design deck and Koy's mockups but no instructions on how to make them interactively scrollable in Figma.

@femkedesign 2 года назад

This tutorial from Figma might help! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ST6DOO11zuA.html

@BrendinDP 3 года назад

One question I've been mauling over and maybe you can help - When working on big apps with A LOT of moving parts, how do you structure your Figma/Sketch? Our app is so vast that I've started splitting up the sections in different sketch files but then you kind of lose the Design System artboard OR you have to copy it over to each individual sketch file. How do you tackle that?

@jamieseroogy766 Год назад

Hi Femke! Is there any way you could do a video explaining how you set up the presentation slide with the phone on it and made the masked screen scrollable? I downloaded the copy of the design-deck and want to do this with the Macbook screen and my desktop view of a site design but I cannot get it to work. I have looked for other videos and recreating it and it does not work. I have the website page set to vertical scroll - but whenever it's masked into the screen of the macbook - it does not scroll in the preview and I am racking my brain lol love your videos!