Designill — UI/UX Design Tips

🖤 Community of Designers & Creatives 🧠 Sharing Design Tips & Resources 🏴 Project by @nandimuzsik

[Framer University @learnframer]

[Tutorial Thread] 🧵

Learn how I created this running stroke effect in @framer without any code. 🪄

Remix link at the end: 👇

[Framer University @learnframer]

I've seen these running stroke effects lately, and I was wondering:

Can we make these in @framer?

Retweet and I'll drop the remix link.

[Framer University @learnframer]

Recreated a shiny button by @verse_ as a @framer component.

I wrote the code override for the shining effect with ChatGPT. 🤫 (I don't know react lol)

Retweet this for the remix link.

[Framer University @learnframer]

I made a skeuomorphic toggle component for @framer.

Remix link: https://t.co/iezOlcss6z

[Framer University @learnframer]

Recreated some toggles by @svlleyy as @framer components.

Retweet this for the remix link.

[Framer University @learnframer]

Combine @framer with these tools & become unstoppable.

1. @splinetool - 3D scenes

2. @olark - live chat support

3. @usefathom - website analytics

4. @MailerLite - lead generation & email opt-ins

5. @disqus - adding a commenting system

6. @eventbrite - event registration

[Designill — UI/UX Design Tips @Designill4u]

I’ll redesign your UIs in Instagram reels.

Send the Figma link of your project to:
[email protected]

[Designill — UI/UX Design Tips @Designill4u]

You want to build websites without writing a single line of code?

Check this 👇

[Framer University @learnframer]

The top 3 reasons @framer is the only website builder I'll use: 👇

[Framer University @learnframer]

You either design PNGs in @figma

OR

You design real websites in @framer

You choose.

[Framer University @learnframer]

Top 4 no-code tools to combine @framer with.

Print on demand: Framer + @printify
Forms: Framer + @TallyForms
Waitlist: Framer + @getwaitlist
Chat widget: Framer + @intercom

Shipping your ideas has never been easier.

[Framer University @learnframer]

They say you always remember where you were when you heard the most shocking news.

I remember where I was and what I was doing when I found out about @framer’s new web builder.

I couldn’t believe it. 🤯

[Framer University @learnframer]

Designing in @framer is like designing in @figma.

But when I finish my design in Framer, rather than sending the design to a developer team, I just press publish and my site is live.

Is this legal? 🤯

[Framer University @learnframer]

Wait 1 year and every designer is going to use @framer to build websites.

It is coming. It is inevitable.

[Framer University @learnframer]

Rt this for a https://t.co/A26UW1LPZO rebuild in @framer (with YouTube tutorial)

[Designill — UI/UX Design Tips @Designill4u]

It is crazy how no-code web builders evolved during these years. 👇

[Framer University @learnframer]

Me 5 years ago:

Watching courses on HTML & CSS to learn how to create simple websites in DAYS.

Me now:

Opening @framer and putting together stunning websites in HOURS without writing a single line of code.

🤯

[Framer University @learnframer]

I can't believe I've been designing websites without @framer for so long. It's making everything so much easier.

[Framer University @learnframer]

@framer is the same thing for the web design world as ChatGPT for the AI world.

Here's why 🧵

[Framer University @learnframer]

If you're a designer and you're not using @framer, you're missing out. It's revolutionizing the way I approach web design and saving me from endless hours of coding.

[Framer University @learnframer]

All you need is @framer to build your project in 2023.

Membership website: Framer + @memberspace
E-commerce: Framer + @Shopify
Digital products: Framer + @lemonsqueezy
Collect emails: Framer + @formsparkapp

The possibilities are endless. All without code.

[Framer University @learnframer]

It is not my business to tell people how to live their life, but learning how to use @framer might be useful for you.