- 57
- 465 938
Johannes Ippen
Germany
Приєднався 22 лип 2006
Hi! I’m Jo - I run the Human Deluxe Design Studio in Berlin, a small studio working on the intersection of Brand and UX, On my channel, you will find content around Design, Brand and UX. I love working with startups and sharing my experiences with you. Subscribe to see more design theory, best practices and case studies on your feed!
I upload every Tuesday.
Instagram: johannesippen
Twitter: johannesippen
Blog/Website: johannesippen.com
Studio Website: humandeluxe.com/
Studio Toolbox: toolbox.humandeluxe.com/
I upload every Tuesday.
Instagram: johannesippen
Twitter: johannesippen
Blog/Website: johannesippen.com
Studio Website: humandeluxe.com/
Studio Toolbox: toolbox.humandeluxe.com/
Figma Slides Experiences after Config (Not a Review)
In this video, I will share my experiences with Figma Slides, all the bugs and things that still missing. Also, I will talk about my Config 2024 predictions - which of them did become a reality?
Figma Vector Devices Kit:
www.figma.com/community/file/1327248958106139882/vector-devices-kit
Resources that will make you a better designer:
Free Google Ventures Brand Sprint Template:
toolbox.humandeluxe.com/brand-sprint-figma/
Free Design Tools Overview:
johannesippen.com/2019/access-over-ownership/
Love in Product Design:
johannesippen.com/2019/love/
The Gear I use:
Camera: amzn.to/3xydNDS
Audio: amzn.to/3Qpc64k
Editing Software: www.adobe.com/products/premiere.html
Sound Library: www.epidemicsound.com/referral/6xpzvx
Where to find me:
WEBSITE: johannesippen.com/
INSTAGRAM: johannesippen
TWITTER: johannesippen
Figma Vector Devices Kit:
www.figma.com/community/file/1327248958106139882/vector-devices-kit
Resources that will make you a better designer:
Free Google Ventures Brand Sprint Template:
toolbox.humandeluxe.com/brand-sprint-figma/
Free Design Tools Overview:
johannesippen.com/2019/access-over-ownership/
Love in Product Design:
johannesippen.com/2019/love/
The Gear I use:
Camera: amzn.to/3xydNDS
Audio: amzn.to/3Qpc64k
Editing Software: www.adobe.com/products/premiere.html
Sound Library: www.epidemicsound.com/referral/6xpzvx
Where to find me:
WEBSITE: johannesippen.com/
INSTAGRAM: johannesippen
TWITTER: johannesippen
Переглядів: 365
Відео
Best Figma Master File Approach (Design System for Brand Projects)
Переглядів 1,8 тис.3 місяці тому
This video will cover how to create and utilize a Figma Master File for design projects. I'll walk you through structuring the file with separate pages for assets like logos, colors, typography, and components. You'll learn how a Master File allows for consistent branding across multiple projects by centralizing your design elements. The file can contain styles for colors, text, wireframes, and...
Best Figma File Structure & Design Process (Real App Design & Brand)
Переглядів 7 тис.3 місяці тому
This video will cover my Figma file structure and pages organisation. I will walk you through my design process for a branding and app design project, from research through concept to final design and asset export. You will learn how following this design process and organisation method will streamline your design and reduce clutter in your design work. ✅ Learn how to organize a figma file ✅ Br...
Figma Config 2024 New Features Announcements & Leaks
Переглядів 1,8 тис.4 місяці тому
This video will cover: ✅ My predictions for what will be announced at Figma Config 2024 ✅ What Canva and other players in the industry are doing ✅ The features that have already leaked in the final product ◽️◽️◽️◽️◽️◽️ Resources that will make you a better designer: Free Google Ventures Brand Sprint Template: toolbox.humandeluxe.com/brand-sprint-figma/ Free Design Tools Overview: johannesippen....
Make My Logo Better - Full Walkthrough Logo Design Process in Figma
Переглядів 2154 місяці тому
Kenny has asked me to take on his logo - so I did - and made it better! This video will cover: ✅ Judging a logo made by a viewer ✅ Selecting typefaces and researching logo references ✅ Creating an improved logo using Figma ◽️◽️◽️◽️◽️◽️ Links mentioned: Human Deluxe Culture Fund: humandeluxe.com/culturefund Best Free Font Sites: ua-cam.com/video/oOxGKke4Q7/v-deo.html ◽️◽️◽️◽️◽️◽️ Resources that ...
FIXING my Urbanears Headphones Easy Repair (Planned Obsolescence)
Переглядів 349Рік тому
FIXING my Urbanears Headphones Easy Repair (Planned Obsolescence)
I built a Minimalist CRM in Google Sheets
Переглядів 1,7 тис.Рік тому
It’s been a minute - but I am back. In this video, I will show you how I created a minimalist CRM using Google Sheets. This video will cover: ✅ How to manage clients in a simple and minimalist way ✅ How to build a minimalist CRM in Google Sheets ✅ How to use it ◽️◽️◽️◽️◽️◽️ Links mentioned: Minimalist CRM on Google Sheets (Go to "File - Make Copy"): docs.google.com/spreadsheets/d/113SAEDY4vrXza...
Icon Design in Figma - How to Create a Gear Illustration in Seconds (Tutorial)
Переглядів 1,6 тис.2 роки тому
This is a quick & easy one: How to create a stunning looking, highly customizable gear icon in Figma. As a true alternative to Illustrator, Figma shines when it comes to icon design: In this video, I will show you how to create an icon for your Settings Menu or Tech Startup.
Logo Fonts That Scream Authentic Brand
Переглядів 1542 роки тому
This video will cover: ✅ How to choose the right font for your logo design ✅ Considering brand personality, values, and industry norms ✅ Tips for selecting legible and appropriate typefaces Resources mentioned: Free Logo Font List: toolbox.humandeluxe.com/best-logo-fonts/ The Gear I use: Camera: amzn.to/3xydNDS Audio: amzn.to/3Qpc64k Editing Software: www.adobe.com/products/premiere.html Sound ...
Adobe Acquired Figma - What Will Happen Next?
Переглядів 3052 роки тому
Adobe acquires Figma - what does that mean for designers? What will happen next? What will happen to Adobe XD? Should you switch to Sketch? Sources: Adobe/status/1570383755386421250 AlexAperios/status/1570395610301493248 darylginn/status/1570388553938653185
Best Free Fonts Sites that are not Google Fonts - Open Source Alternatives
Переглядів 14 тис.2 роки тому
Here are the best alternatives to Google Fonts - free open source font foundries that you might not know yet: www.fontshare.com/ uncut.wtf/ anrt-nancy.fr/fr/fonts/ www.theleagueofmoveabletype.com/ www.losttype.com/ www.tunera.xyz/ www.design-research.be/by-womxn/
Better Design w/ Premium Google Fonts Alternatives - from $300 to $3 (or less)
Переглядів 982 роки тому
Comment with your favourite Google Font - do you see it everywhere? In this video, we will cover premium alternatives for the most popular Google Fonts - and help YOU to up your design game. ✅ Alternatives for Playfair ✅ Alternatives for Roboto ✅ Alternatives for Open Sans ◽️◽️◽️◽️◽️◽️ Links mentioned: Helvetica Now: www.myfonts.com/collections/helvetica-now-font-monotype-imaging Freight Sans: ...
Google Font Premium Alternatives
Переглядів 2052 роки тому
Google Fonts are pretty cool - unless you want to go premium. In this video, we will look into paid alternatives for Google Fonts for different price points. If you want to up your font game, this video is for you. This video will cover: ✅ Why Google Fonts are ILLEGAL in some countries ✅ How you can get great paid fonts for as little as $3 ✅ What font Chris Do uses ✅ Alternatives for Bebas Neue...
Best Figma Plugins for Beginners (App Design, Icons & Productivity)
Переглядів 2002 роки тому
Best Figma Plugins for Beginners (App Design, Icons & Productivity)
Best Figma Print Plugins & Templates - BETTER than InDesign, Word & co?
Переглядів 17 тис.2 роки тому
Best Figma Print Plugins & Templates - BETTER than InDesign, Word & co?
How to Design A Logo - Casey Neistat Film School #1
Переглядів 4902 роки тому
How to Design A Logo - Casey Neistat Film School #1
Casey Neistat Monthly Course REVIEW
Переглядів 1,8 тис.2 роки тому
Casey Neistat Monthly Course REVIEW
Figma Simple Isometric in 90 Seconds
Переглядів 2,5 тис.2 роки тому
Figma Simple Isometric in 90 Seconds
How Many Links Should My Navigation Have?
Переглядів 462 роки тому
How Many Links Should My Navigation Have?
greaT NICE
great
Thanks for the great video! I love these kinds of shape tricks.
this was so helpful. appreciate you sharing!
Wtf is that dude, go to learn design
sir, How I can download "Bageo Alternates" Font? Please reply me
Sir, this is a Wendy‘s! I recommend using a search engine to find a font shop of your choice that offers Bageo, which is not a free font.
keep it up man , u doing such a great work
Thanks man, that means a lot!
Love the all websites, such a trendy and useful fonts are there thanks for sharing ✨
You're welcome! Which one is your favourite?
Thank you!!
I am an aspiring designer attending config 2024 and I would love to meet and learn from you!
Let’s do it! just hit me up whenever you spot me, I’m actually wearing the same shirt tomorrow :D
I had to really slow down some moments to implement this correctly but thank you for explaining your approach!
Thank you for that feedback! I can try slower next time :)
This channel deserves more love ❤
Tell all your friends ❤️
Nice walkthrough. Everyone needs to follow these discipline… I wasted a lot of time redoing things thinking each time its one off and I wont reuse anything, however i had chances to save a lot of time by reusing or organising.
Exactly, right?
Thank you interesting video!! I’ll be happy if I can meet you at CONFIG2024
Sure! Say Hi if you spot me :)
Fingers crossed they develop prototyping features further.
How do you feel about the new AI prototype feature?
@@JohannesIppen it’s a joke
I think that maybe they will develop the dev mode, thus besides AI and community marketplace we will get new handoff features as well… but we will see :)
I really hope that Dev mode will be better integrated, especially for agency-type companies who want to need to hand off individual files - let’s see!
Nice video 🎉
Thank you so much 😀
Great video, Johannes. Someone told me about your Brand Sprint by Human Deluxe Figma and I'm going to give it a try.
When exporting to PDF, I dont see the bleed marks. Is there a way to make it visible?
Ty
Thank you for helping!!
Great stuff
it's so addictive Figma!
I'd recommend CAT Fonts too, made by Peter Wiegel. And I'd like to ask if anybody knows if Dieter Stefmann's fonts are actually SIL because he left a testament in 1001fonts and his blog about releasing them for free to use but none come with the license.
Looooves this video
This really smart
Really great resources! Thank you very much, I love how you share your preferred fonts on each website. Thanks, very great job :)
😢❤
Parabéns pela qualidade do vídeo!
I am a T shirt designer.
Thanks for this tutorial.
can i use fonts licensed uder the Apache and MIT license for commercial use?
Hey Lukis - you can, however you’re not allowed to resell them under a different license
Thank you so much for sharing, I'm subscribing !
Awesome! Thank you!
Awesome!
Thank you! Cheers!
bro the intro is too long, no one cares. skip it entirely
Noted! Thank you
Merci pour le lien (link) à L'Atelier en Recherches Tyographique!
I really wish the League of Moveable Type would put out more fonts, and add bolder and bolder italic weights for some o their classics. I am not sure who designed Libre Baskerville and Libre Caslon, and Old Standard TT, but I sure wish they had bold italics and extra bold and extra bold italics with them. -- And I wish there was a libra version of Goudy old style, book, bold and extra bold weights with matching italics for all. Fanwood would be wonderful with bold and bold italics, and maybe extra bold and italics.
I wish someone would do a libra version of Cooper Old Style with Cooper Black, so we had at least book, semibold, bold, and black weights. There is a nice large x-height commercial version from Bitstream and a nice small x-height version (but without italics for the black heavy / extra bold weight, a pity, from URW. I think both only have the less complete P1 character set rather than a Pro character set .he font-family is soft, warm, very appealing, and would make a good book or display typeface, either one.
this is the so far best "), hanks man," for your plugin suggestion,
Glad you like it!
Nice. These are very hand add-ons.
Thanks to show some typefaces of the foundry @Johannes.
thanks!
As prepress engineer with 5+ year experience with "bad" pdf's i laugh my ass off about this. You can't see proper colors in figma. Can't use color profiles. Don't use any other web apps for printing too. Please. Your pdf's out of this application clunky/big/unoptimised. But for casual use sure.
Fully agree - it's nowhere near perfect just yet, still figuring things out
Hey Johannes, thanks for the video! When printing poster etc. with an asset of UI, it is challenging with small details, color issues happens. Do you have a suggestion for converting Figma file to InDesign/illustrator to print in the best way? Thank you!
Hey Serena, I'm still learning how to do that properly, if you want I can do another video on what we know so far
@@JohannesIppen thanks for the reply! It would be amazing to have a video if you also have documents printed a comparison: indesign vs figma... for example :D thanks!
thank you for this !
Thank you for watching! :)
Great technique, your video Is extremelly helpful, thank you Johannes!
Thank you Lucas!
Hey, Johannes! Thanks for the shout-out! I just updated the plugin to version 1.5 and I've made the bleed feature much more robust. You can also add margins now too. Thanks again!
Supercool Ben, thank you!
Thanks Johannes, there were a few sites I'd not found using Google after plenty of attempts!
Glad it helped! :)
What about actual printing? I've heard Figma doesn't have CYMK capability or something? So is there a noticeable difference in printing Figma exported PDF vs Word/Indesign exported PDF? Otherwise, thanks for plugin suggestions!
Thank you Ian! We're currently struggling with this as well, especially fullfilling strict print service restrictions can be tricky - should I cover that in another video?
@@JohannesIppen Yeah sure, I'd love to know more about this topic :)
@@JohannesIppen have you covered it yet?
As a Digital Print Technician working at a University in London, Figma is awful and should not be used to create graphics for print. The PDF's created are not suitable for print production and in 99.9% of cases where a student has used this software to create a file it will crash print production tools. The PDF files are incompatible with the Fiery Command Workstation that is attached to Digital Presses and used to impose files. I have issued warnings to academic staff and students about using this software. Just use indesign if you are a graphic designer.
@@jayhenry9823 indesign costs
While I really enjoy Figma (and used to use AI, FH et al) I'd really suggest looking at VectorStyler for the most (to me) complete vector / shape creation and modification tools.
Thank you! Will check it out, always excited to try new tools
Nice Technique
Thank you!