Prime Design System Kit

Design Starter Kit for @figma. Made by @thalion_pb. Creator of

[Prime Design System Kit @primedesignkit]

Woo-hoo! 🎉 Prime 3.0 for @sketch is finally here:
https://t.co/Wkhv0RhsDN

[Thalion @thalion_pb]

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:

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

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. 🙏

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

Making light-theme UI alive.

[Thalion @thalion_pb]

Day 11: Building @Framer Template for Creative Pros

Sneak-peak on ventures component interaction.

[Thalion @thalion_pb]

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

Thread🧵:

[Thalion @thalion_pb]

Day 10: Building @Framer Template for Creative Pros

Another sneak-peak - articles section.

#buildinpublic #framer

[Thalion @thalion_pb]

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

Review of @primedesignkit

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

✨

[Thalion @thalion_pb]

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

[Thalion @thalion_pb]

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 Kit @primedesignkit]

Prime 5.2 is out! New @figma features for variables included. Say hello to variable collections for effects, layout grids, borders and more!🎉

https://t.co/ZWaxuLxGCa

#ui #figma #designsystem

[Thalion @thalion_pb]

Prime Design System (@primedesignkit) was just featured on OnePageLove 🎉

https://t.co/1MWMLMT4lM

Thanks @robhope!

[Thalion @thalion_pb]

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.

[Thalion @thalion_pb]

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