Тёмный

Creating a marketing site design system in Figma - Update 2 

CharliMarieTV
Подписаться 228 тыс.
Просмотров 8 тыс.
50% 1

Progress on the ConvertKit marketing site design system has been slower than we wanted... but let me fill you in on what we've worked on over the past 7 months and tell you what we're going to be adding to the design system next!
🚀 CharliMarieTV is powered by Figma! charli.link/figma
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
Watch the first episode: • Creating a design syst...
Check out our super speedy site here: charli.link/try-convertkit
TIMESTAMPS:
0:00 - Why I haven’t updated you for so long…
0:52 - Shipping a new codebase
2:05 - Refactoring our buttons AGAIN
3:25 - New components we’ve added
7:25 - The illustration system
9:48 - What’s coming next
Please remember to click subscribe if you'd like to see more of my videos.
--------------------------------
// WANT TO SUPPORT MY CHANNEL?
Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button)
Or, if you like, you can put something in my tip jar right here: pages.charlimarie.com/product...
Sharing my videos or recommending my channel to a design friend is also very much appreciated! :)
--------------------------------
// ABOUT ME
I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I post videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream.
💬 Twitter: / charliprangley
📷 Instagram: / charliprangley
--------------------------------
// MORE
Join my free weekly marketing design newsletter: charli.link/newsletter
Buy my hand written font, Grayscale: charlimarie.com/font
Book a mentoring session with me: charli.link/mentoring
My site & blog: charlimarie.com
Design Life podcast: designlife.fm
Inside Marketing Design podcast: insidemarketingdesign.co/
--------------------------------
// TECH & TOOLS
📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: charlimarie.com/shopmyoffice
💻 Software I use:
Webflow (no-code website builder)*: charli.link/webflow
Premiere Pro (video editing)*: charli.link/premierepro
Adobe Audition (audio recording)*: charli.link/audition
After Effects (intro animation)*: charli.link/aftereffects
Figma (web design): charli.link/figma
Photoshop (thumbnails)*: charli.link/photoshop
ConvertKit (marketing platform): charli.link/try-convertkit
Riverside (podcast interview recording)*: charli.link/riverside
Music in this video from Epidemic Sound*: charli.link/epidemicsound
Video captions by Rev (very cost effective service! I recommend)*: charli.link/videocaptions
Intro & end card animation by Austin Saylor: www.austinsaylor.com/
Editing by Belén Albiol / molen.audiovisual (or sometimes by me!)
Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️

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

 

12 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@joeyabanks
@joeyabanks Год назад
Couldn’t click this fast enough! How exciting. Everything is looking soooo good!
@osaroadade
@osaroadade Год назад
A big round of applause for Cory. 👏 I love this. I'm starting a new project and would definitely be coming back here to get some inspiration for how to structure and document my components. Thanks again Charli for another timely upload and please, please, please take care of yourself. There was no marketing dispatch this week, I'm guessing that was because of your health. Please again, take care.
@corydhmiller
@corydhmiller Год назад
💙💙💙
@MizukiRanimo
@MizukiRanimo Год назад
Literally going through this process on my Marketing team right now. (Me, web developer / ui designer, and 1 other person, the brand / graphic designer). Super excited to get to work on it.
@aileenchan3741
@aileenchan3741 Год назад
Thank you for sharing these series! It’s interesting to see how the design system works and hearing about your experience working with the Frontend dev.
@mamadoukone6839
@mamadoukone6839 9 месяцев назад
Hello Charlie. great video Thanks for sharing and inspiring
@bethaneydunne9682
@bethaneydunne9682 Год назад
Hi Charli Another amazing video as always keep it up 👍👍👍
@Sphervotic
@Sphervotic Год назад
Nice one, definitely taking on a few ideas when I work on design systems next 🙂
@gmpoitras
@gmpoitras Год назад
Oh hell yes, I'm excited for this. Please hurry so I can take inspo from that product imagery system 😂
@charlimarieTV
@charlimarieTV Год назад
haha looking forward to sharing more about it!
@RameshKumar-ng3nf
@RameshKumar-ng3nf Год назад
I subscribed this channel 8 months back after seing beautiful tutorials of thumbnail creation using procreate. Since then never got any notifications from this channel , i thought this channel is not active. My mistake, i didnt click the bell buttion for notifications and today when i visited this channel i found so many new videos. Missed lots of your videos. Will have to check one by one later 😊
@charlimarieTV
@charlimarieTV Год назад
You can expect weekly videos from me this year! Looking forward to seeing your comments on the videos you’ll catch up on!
@RameshKumar-ng3nf
@RameshKumar-ng3nf Год назад
@@charlimarieTV Hey sure 😊, thanks for your reply 😊. Have a good day !
@lvsmagic
@lvsmagic Год назад
I've just started the process of creating a design system/ redesign of our app and this is so helpful! Currently it's just me as the designer and my dev but the project is growing so I really need to be able to standardize things vs me just going in the inspect view and telling my dev to move things down 10 px 😅
@elijahjohnyarra
@elijahjohnyarra Год назад
Amazeballs
@corydhmiller
@corydhmiller Год назад
Yeeeeee 💙💙
@MaxWeir
@MaxWeir Год назад
Is the design system separating parts into separate files e.g icons, typography etc? Or how to do you structure all the base level core elements?
@charlimarieTV
@charlimarieTV Год назад
Make sure you watch the first episode to hear about what we’ve separated into different systems and the overall plan!
@kiranbanstola
@kiranbanstola Год назад
Can a new video on how to make a design System Documentation for Developer.
@raghavendraj3758
@raghavendraj3758 Год назад
next upcoming days more videos based on Chat GPT rules from AI and all the best...
@irandanasl4786
@irandanasl4786 Год назад
Take extra good care of yourself until you make a complete recovery!
@Kuwandi
@Kuwandi Год назад
So fast and very fragmented cuts …sory for the beginners . It serves only for those who already know this but not those who want to learn
@charlimarieTV
@charlimarieTV Год назад
Check out my Figma 101 video if you’re a beginner! This series is for experienced designers who might also need to build a design system so they can learn alongside me :)
Далее
Figma design system for a marketing website
20:09
Просмотров 92 тыс.
🍏 #iPhone15 УСТАРЕЛ ОФИЦИАЛЬНО 🤡
00:47
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 725 тыс.
Do THIS to Get Traffic to Your Blog From Pinterest
5:06
An honest chat about burnout in tech
16:43
Просмотров 8 тыс.
What happened at Config 2023! (design conference vlog)
12:14
Your First Design System in Figma (Beginner Tutorial)
14:57