Creating a marketing site design system in Figma - Update 2
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 ⭐️
Пікірлер: 23
Couldn’t click this fast enough! How exciting. Everything is looking soooo good!
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.
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
Жыл бұрын
💙💙💙
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.
Hello Charlie. great video Thanks for sharing and inspiring
Hi Charli Another amazing video as always keep it up 👍👍👍
Oh hell yes, I'm excited for this. Please hurry so I can take inspo from that product imagery system 😂
@charlimarieTV
Жыл бұрын
haha looking forward to sharing more about it!
Nice one, definitely taking on a few ideas when I work on design systems next 🙂
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
Жыл бұрын
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
Жыл бұрын
@@charlimarieTV Hey sure 😊, thanks for your reply 😊. Have a good day !
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 😅
Yeeeeee 💙💙
Amazeballs
Can a new video on how to make a design System Documentation for Developer.
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
Жыл бұрын
Make sure you watch the first episode to hear about what we’ve separated into different systems and the overall plan!
next upcoming days more videos based on Chat GPT rules from AI and all the best...
Take extra good care of yourself until you make a complete recovery!
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
Жыл бұрын
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 :)