Day 02 of 60
Today I've finished the FAQ Section. Tried some new layout to improve the look and feel for the FAQ section
#framer #ui #ux #art #design
Since I've started my @framer.com challenge. It's important to give it a direction. Here is my week 1 Goals. Start date (28 Mar'26 -> 3 Apr'26)|
• Launch my portfolio website
• Create 10 UI design concepts
• Write 5 threads documenting my journey!
#framer #framerchallenge #figma #ui #ux
Namaskar Everyone 🙏
Yesterday I've started a 60 day @framer.com challenge.
Goals
- Earn $10k in revenue from framer.
- Become a better designer.
-Document everything and share publicly.
With the divine blessings of lord Shiva. Let's begin.
#framer #ui #websitedesign
Animated pricing section made in @framer.com ✨
#buildinpublic #uiux #framer
What I've learnt, is yeah you 𝘤𝘢𝘯 design in #Framer.. but oh my god why would you.
Half the time, the interface is conspiring against you.
Sometimes hover works, sometimes ✨poof✨, the menu disappears! Sorry! You had to click before moving the mouse to the child dropdown menu, haha!
Huge news! #Ycode is going open source. You basically get a lightweight #Framer, for free, and have access to the code! I'm already in love.
#webdesign
nothing phone (4a) pro //
becca farsace
4apro.framer.website
#phone(4a)pro #nothing #beccafarsace #framer
AI could never one shotted this
Work in progress showcase for an upcoming trading platform landing page. Built with dedication, experience, and a sharp attention to detail, plus a little sprinkle of love and fun✨
#buildinpublic #uiux #framer #jitter
Make a statement. This hammer dominates the jobsite. #titaniumtools #framerlife #framer #wrangotools
Trading platform hero section📈
Upcoming hero section for a trading platform website
#Framer #LandingPage #UIUX
Day 30/90 — Collection Lists Today I used collection lists in Framer. They pull CMS content into any page section. Use collection lists for blogs, portfolios, or case studies. #Framer #WebDesign #LearningInPublic
Day 30/90 — Collection Lists
Today I used collection lists in Framer.
They pull CMS content into any page section.
Use collection lists for blogs, portfolios, or case studies.
#Framer #WebDesign #LearningInPublic
Day 28/90 — CMS in Framer Today I learned what the Framer CMS is. It organizes content into collections, items, and fields. #Framer #LearningInPublic #WebDesign
Day 28/90 — CMS in Framer
Today I learned what the Framer CMS is.
It organizes content into collections, items, and fields.
#Framer #LearningInPublic #WebDesign
Day 27/90 — Site & Page Settings Explored site settings today. Write clear titles and meta descriptions. #Framer
Day 27/90 — Site & Page Settings
Explored site settings today.
Write clear titles and meta descriptions.
#Framer
Day 24/90 — Responsive Design Today I focused on responsive design. Layouts must adapt across screen sizes. Build with flexibility from the start. #Framer #WebDesign #LearningInPublic
Day 24/90 — Responsive Design
Today I focused on responsive design.
Layouts must adapt across screen sizes.
Build with flexibility from the start.
#Framer #WebDesign #LearningInPublic
Added little interactions on the footer
Check it out 👉 solaris-design.studio
#website #framer #uiux #footer
Day 23/90 — Layout Templates Learned layout templates today. They speed up common structures. Do you prefer blank canvas or templates? #LearningInPublic #WebDesign #Framer
Day 23/90 — Layout Templates
Learned layout templates today.
They speed up common structures.
Do you prefer blank canvas or templates?
#LearningInPublic #WebDesign #Framer
Day 22/90 — Components in Framer Today I learned components. Reusable blocks that share common functions. #WebDesign #Framer #LearningInPublic
Day 22/90 — Components in Framer
Today I learned components.
Reusable blocks that share common functions.
#WebDesign #Framer #LearningInPublic
Day 21/90 — Light & Dark Mode Explored light and dark themes today. Framer makes it easy to switch between themes. Do you design for both modes? #Framer #LearningInPublic #WebDesign
Day 21/90 — Light & Dark Mode
Explored light and dark themes today.
Framer makes it easy to switch between themes.
Do you design for both modes?
#Framer #LearningInPublic #WebDesign
Part 2 of our series on AI website builders enterprises are using. This episode covers Framer and Chariot, tools that simplify design, copy, and publishing using AI.
#caioconnect #corporateai #aitool #websitebuilder #framer #chariot
Day 20/90 — Text Styles in Framer Today, I created reusable text styles. Headings, body text, and captions are all systematized. How many font sizes do you typically use? #LearningInPublic #WebDesign #Framer
Day 20/90 — Text Styles in Framer
Today, I created reusable text styles.
Headings, body text, and captions are all systematized.
How many font sizes do you typically use?
#LearningInPublic #WebDesign #Framer
Day 19/90 — Link & Color Styles Learned global color and link styles today. They keep design consistent across pages. Style systems save huge time during revisions. #WebDesign #Framer #LearningInPublic
Day 19/90 — Link & Color Styles
Learned global color and link styles today.
They keep design consistent across pages.
Style systems save huge time during revisions.
#WebDesign #Framer #LearningInPublic
Day 18/90 — Text Properties in Framer Today I explored text properties. Line height, letter spacing, and alignment affect readability. Small text tweaks change visual clarity. #Framer #WebDesign #LearningInPublic
Day 18/90 — Text Properties in Framer
Today I explored text properties.
Line height, letter spacing, and alignment affect readability.
Small text tweaks change visual clarity.
#Framer #WebDesign #LearningInPublic
Day 17/90 — Styling Frames in Framer Learned styling frames today. Backgrounds, borders, shadows, and spacing shape hierarchy. #Framer #LearningInPublic #WebDesign
Day 17/90 — Styling Frames in Framer
Learned styling frames today.
Backgrounds, borders, shadows, and spacing shape hierarchy.
#Framer #LearningInPublic #WebDesign
I have my new #portfolio website up and running now!
www.jessijdesign.com
I still feel like it could be better, so I’m still making some change to it here and there. Might even change or add couple more design projects.
#graphicdesigner #photographer #artist #framer
Day 16/90 — Adding Links Today I learned how to link pages and sections. Framer makes internal navigation simple. Links improve user flow instantly. #Framer #LearningInPublic #WebDesign
Day 16/90 — Adding Links
Today I learned how to link pages and sections.
Framer makes internal navigation simple.
Links improve user flow instantly.
#Framer #LearningInPublic #WebDesign
Day 15/90 — AI Wireframer Tried Framer’s AI wireframer today. It generates layouts from prompts. Have you tested AI wireframing yet? #WebDesign #LearningInPublic #Framer
Day 15/90 — AI Wireframer
Tried Framer’s AI wireframer today.
It generates layouts from prompts.
Have you tested AI wireframing yet?
#WebDesign #LearningInPublic #Framer
Day 14/90 — Figma to Framer Learned how to import designs from Figma. Framer pulls the structure, but it needs some cleanup. Do you design first or build directly? #Framer #WebDesign #LearningInPublic
Day 14/90 — Figma to Framer
Learned how to import designs from Figma.
Framer pulls the structure, but it needs some cleanup.
Do you design first or build directly?
#Framer #WebDesign #LearningInPublic
Day 13/90 — Insert Panel in #Framer Explored the Insert panel today. It’s where layouts, components, and elements live. Do you reuse or rebuild sections?
Day 13/90 — Insert Panel
Explored the Insert panel today.
It’s where layouts, components, and elements live.
Do you reuse or rebuild sections?
#LearningInPublic #WebDesign #Framer
Day 12/90 — Adding Media In Framer Learned how to add images and videos today. Framer treats media as flexible layout elements. #WebDesign #Framer #LearningInPublic
Day 12/90 — Adding Media In Framer
Learned how to add images and videos today.
Framer treats media as flexible layout elements.
#WebDesign #Framer #LearningInPublic
Day 11/90 — Min & Max Sizing Today I learned min and max sizing. They control how far elements can stretch or shrink. Without limits, responsive layouts break. #Framer #WebDesign #LearningInPublic
Day 11/90 — Min & Max Sizing
Today I learned min and max sizing.
They control how far elements can stretch or shrink.
Without limits, responsive layouts break.
#Framer #WebDesign #LearningInPublic