Prime Design System Kit

It’s Here! 🚨 Obsidianite - my new @Framer template just landed in the Official Marketplace. Today afternoon I am sending 🎁 24 hour GIVEAWAY through my newsletter ✉️. Last minutes to catch it! Subscibe with the link below:

Left or Right? Asking about the button style I am thinking of the next @Framer template and exploring some styling direction. Left option was inspired by one of the recent components made by @learnframer, the right one got it's inspiration from chrome icons made by @Ishanzaad

Chat GPT 4o can generate stunning device mockups. Here is how 🧵

Here we gooo! 💥 I just submited my new @Framer Template for review to Official Marketplace. Such a great feeling to be back to this creative community! Thanks everyone for motivating me during the journey to #buildinpublic this template. 🙏

Day 15: Building @Framer Template for Creative Pros I spend recent days adjusting my upcoming template to all needed breakpoints. Here are 5 things that I observed when approaching to RWD in Framer: 1️⃣Adapting layout in general is an essence, but work does not end here 2️⃣Consider component variants for different variants 3️⃣Remember to add text style size adaptations to the breakpoints 4️⃣Consider removing/adapting effects to some device sizes (remember no there is no hover state for mobile) 5️⃣Framer feature request/idea: I would like to have sizing & spacing tokens/variables in Framer that could be adjusted to specific breakpoints (this would speed up the process a lot!) #buildinpublic #framer

Making light-theme UI alive.

Day 11: Building @Framer Template for Creative Pros Sneak-peak on ventures component interaction.

How to make a dark themed button that pops in Figma! Thread🧵:

Day 10: Building @Framer Template for Creative Pros Another sneak-peak - articles section. #buildinpublic #framer

Reviews and feedback from your users is super important. It can help to shape the product but also keeps you motivated. Review of @primedesignkit

Day 5: Building Framer Template for Creative Pros “Systems help to grow faster” - this is why I want to include style guide page into my @framer template. It will help me, but also future template users to customize the foundations in seconds. I did the similar thing for @primedesignkit - Figma kit used by thousands of designers. I am sure it will also work well for Framer. #buildinpublic #framer

Day 5: Building Framer Template for Creative Pros When jumping into UI design, creating a nice primary button as the first step brings a lot of joy. ✨ Continuing to explore theme from the UI sample posted last week, got an additional boost inspired by refraction effect I noticed in recent work by @tcosta. Done 100% in @framer. How do you feel when you see this kind of interactive animation for button? #buildinpublic #framer

Day 2: Building Framer Template for Creative Pros Dark, clean glass vibes resonates with me recently, after years of having mostly light web pages, it’s the direction I want to explore for my @framer template. #buildinpublic #framer

✨

Friday #FigmaTip You may now upscale image directly in @figma without any plugin. This is a next step to make the tool a comprehensive AI companion for creative pros. * Keep in mind that Figma AI is still in beta. #uidesign #aidesign

Motivation, discipline… all of them eventually fails. Habits always win. @duolingo is a perfect example of how to design habit forming app.

Prime Design System (@primedesignkit) was just featured on OnePageLove 🎉 onepagelove.com/prime-design… Thanks @robhope!

First update for the new version of @primedesignkit ✨ With 5.1 you get full vector mockups of: ✅ iPhone 15 Pro, ✅ Apple Watch 45, ✅ Macbook Pro 16 They all come with realistic, flat & outline variants.

One of my favorite parts of building @primedesignkit is recreating Apple devices. Super realistic. All vector. Pixel perfect. Pure pleasure to work with! Coming soon, as the first little update for Prime 5. #uidesign