Matteo @matteotiscia Twitter profile

Pinned Tweet

Matteo

6 months

🚨 I'm stoked to announce is live! 💥 Framepad is the ultimate toolkit to help you build and ship sites more efficiently in Framer.

51

25

438

Last Seen Profiles

@hongkiat

@cukienaknikmati

@TimesArrowLite1

@NickCaturano

@saveukrai

@sotwecom

@bokeplokalmalam

@madridista0__7

@rancidgirll

@MEANYUNKl

@SolarBeare

@stw_pdg

@SNap33

@mang_menn

@ScriptsByRose

@Fitzbk

@ReinaDeLosNenes

@nominnjun

@noomines

@CoachBobStitt

@Hervlow_

@A6LChacon

@PommeUpdates

@AniLyds

@yuziq0q

@BadGirl49186564

@Skyhawkisme

@viralbaru517104

@stanislavfort

@micheal_class

@maggienova7

@joohyunsoIo

@cdacerooficial

@DreeGholston4

@Oneiorosgrip

@yuka1322507

Matteo

@matteotiscia

6 months

I'm sure it'll be fine

149

572

16K

Matteo

@matteotiscia

7 months

don’t use colour in your design, use these instead

95

104

2K

Matteo

@matteotiscia

2 years

Finally had time to work on this over the weekend 😄 Almost finished adding sleek interactions & animations to the template. @framer just makes it too easy ⚡️

28

59

1K

Matteo

@matteotiscia

6 months

@ratkobatinic @MKBHD no idea, I think if the product is bad he is in the right to tell his audience the truth. It would be unethical to lie and say the product is good if it’s not

7

3

950

Matteo

@matteotiscia

9 months

easily one of the most conversational ai assistants out rn honestly pretty fun to interact with, also the app is beautiful

17

13

729

Matteo

@matteotiscia

1 year

I could watch this all day

20

37

705

Matteo

@matteotiscia

2 years

To bring on 2023, I've made my Gridfolio portfolio website template for @framer 100% FREE for the next 3 days! You choose the price, so get it for free or pay the price of a coffee :) I hope this portfolio helps you get your work out there in 2023! 👇

21

51

662

Matteo

@matteotiscia

1 year

My journey as a designer: 2017: $0 2018: $0 2019: $0 2020: $0 2021: $0 2022: $0 2023 -$10

28

36

632

Matteo

@matteotiscia

6 months

does anyone actually use apps in full screen on mac?

356

5

552

Matteo

@matteotiscia

1 year

If you haven't already, now is the time to start selling @framer templates! I just hit the $10k mark from selling Framer templates alone. 3 templates to be specific, the last one launched in August last year. This has truly been passive income.

43

23

507

Matteo

@matteotiscia

2 years

Become a @framer pro 💡 With so many people giving Framer a go recently, I thought I'd create a mega thread of beginner friendly tips. Updated daily! I'd love to involve the community in this. Reply with your tips here or on future tweets, and I'll add them to the thread.

14

51

491

Matteo

@matteotiscia

7 months

designers who don’t use a spacing system, are you spacing things based off vibes or?

93

9

362

Matteo

@matteotiscia

1 year

A deep dive into making a successful @framer template 🔥 I got so many questions about making Framer templates since my post yesterday, so I've decided to expand on the process below. Let's go! 🧵

18

20

340

Matteo

@matteotiscia

8 months

designers will see this and say hell yeah

27

9

341

Matteo

@matteotiscia

2 years

🚨 Super excited to announce, I'm launching Framepad Starter to the public! Thanks to those who helped me test this over the last few weeks! Framepad Starter is a free framework and set of guidelines and methods to build consistency and structure into your @framer projects.

29

30

333

Matteo

@matteotiscia

2 years

Another @framer template launched. This time a sleek personal portfolio called Gridfolio. Featuring a grid based layout, dynamic CMS case studies & smooth animations. Both light and dark mode included! Check it out 👇

8

26

338

Matteo

@matteotiscia

10 months

I love Arc, don’t think I could ever go back to chrome. But for some reason whenever anyone asks what’s so good about it, I never know what to say just me? 😅

97

6

329

Matteo

@matteotiscia

2 years

I use Figma every day, but I’m starting to find myself using @framer more for the same design tasks. With grid support, global variables, % units, mix-max values, easier responsiveness… it almost makes more sense to do everything in Framer now. Anyone else feel this?

38

8

312

Matteo

@matteotiscia

6 months

look @framer just makes things fun

21

10

285

Matteo

@matteotiscia

8 months

VisionOS inspired app icons

11

7

248

Matteo

@matteotiscia

6 months

I'm sure this awesome library isn't new to most folks but I use this resource so often for visual design & asset creation inspo, not just for OG images

6

7

217

Matteo

@matteotiscia

1 year

Just added a featured page that will show what's new in Framepad (new components, new offerings that will come in the future etc) If you scroll you'll be able to see a feed of the newly added components. Any other ideas for what I could add to this page? 😁

5

12

207

Matteo

@matteotiscia

1 year

damn I love designing mobile apps. something about being constrained to a small screen takes a lot of the ambiguity out of designing. Anyone else feel this?

24

11

177

Matteo

@matteotiscia

1 year

the Framepad UI kit & design system is going to ship with so many new components. These are only some of the new hero sections that will be ready at launch

6

12

169

Matteo

@matteotiscia

1 year

I've been working on this every night genuinely love spending time on this

11

3

167

Matteo

@matteotiscia

1 year

Build sites and @framer templates way faster with Framepad components! The biggest on demand component library for Framer 💥 Get access 100% free while Framepad is in beta

9

15

166

Matteo

@matteotiscia

2 years

I’m working on a new @framer personal portfolio template that comes with a dark and light version! Question: does the dark or light version draw you in more? Which one should I use for the thumbnail when I list the template? #buildinpublic #buildweekend

17

5

162

Matteo

@matteotiscia

8 months

some of the feature sections for Framepad (there's heaps more)

10

6

156

Matteo

@matteotiscia

1 year

typography done ✅ I'm really trying to streamline this DS as much as possible, but I still want to give flexibility. after feedback from a bunch of you folks I've opted for 9 headline sizes and 6 body sizes in light & heavy.

6

10

142

Matteo

@matteotiscia

1 year

working on a huge upgrade for @framepadco 💥 can't wait to release this for the @framer community

6

13

142

Matteo

@matteotiscia

1 year

Cheeky little progress updates on some cool details I've added to the @framepadco site 👀 Added these little component section icons. Also shows the amount of components for that section. Hooked up to @framer CMS of course ⚡️

13

10

136

Matteo

@matteotiscia

1 year

man @materialdesign 3 is a really pretty site ✨ you can tell the team had fun putting this together. So much character for a documentation site

1

4

128

Matteo

@matteotiscia

2 years

Quick @framer tip for smooth accordions 💡 Shoutout to @DesignedByPaul for showing me this. Wrap your accordions in a stack and turn that stack into a component. Doing this will keep that smooth transition when expanding and collapsing accordions!

10

11

125

Matteo

@matteotiscia

8 months

I posted a couple VisionOS inspired icon explorations a couple days ago and received heaps of messages asking if there's a full iOS icon pack working on it - releasing in a day or two

Matteo

@matteotiscia

8 months

VisionOS inspired app icons

11

7

248

8

9

123

Matteo

@matteotiscia

1 year

do I need to be on another app? no Drop your handles so I can follow you ☀️

131

0

120

Matteo

@matteotiscia

2 years

Just published the updated @framepadco site! I've refreshed the visuals, and opted to use more earthy colour tones. I also implemented some scroll animations and micro animations as well. Had way too much fun with that. Check it out! Made in @framer

11

12

111

Matteo

@matteotiscia

7 months

the designer urge to learn SwiftUI

14

7

113

Matteo

@matteotiscia

1 year

worked on a couple new components today ✨ I love toasts that have segmented buttons. Plus @framer makes it so easy to whip together

1

9

111

Matteo

@matteotiscia

1 year

Want to build a mobile-first site in @framer ? All you need to do is resize the default primary desktop breakpoint to a mobile size, and then create additional larger breakpoints for tablet and desktop. That's it! Edits made on mobile will reflect on larger breakpoints ✨

15

8

108

Matteo

@matteotiscia

1 year

crazy how much experimentation goes into a simple button collection 🤓 the plan is to introduce different unique button styles in future updates

6

9

104

Matteo

@matteotiscia

1 year

chugging along this kit is going to be BIG

4

7

106

Matteo

@matteotiscia

10 months

Question for the @framer & design system geeks 🤓 when building out buttons, would you create a seperate component for the different button types (solid, outline, ghost), or combine them into one button as variants? 🤔

33

4

105

Matteo

@matteotiscia

1 year

Just integrated @memberspace with @framer for the Framepad site. Logged out users are prompted to sign in on button press. Big shoutout to @FramerDev for helping me set this up. if you need help with custom code on your site or creating code components, they're the go to 🔥🔥

7

3

103

Matteo

@matteotiscia

6 months

really digging this narrow, sheet design on the Frame website

7

3

102

Matteo

@matteotiscia

1 year

I'd love to see @framer introduce a system to indicate when a style has been overridden. This could be as simple as showing styles that have been overridden on the current breakpoint in blue, with an obvious option to reset them. Would anyone else find this useful?

14

3

100

Matteo

@matteotiscia

1 year

I love this tutorial written by @eugenciachir on creating a Framer template. some banging tips in there, do yourself a favour suss it

How To Create a Framer Template - SuperbThemes

This guide will provide you with practical advice, valuable insights, and innovative techniques to create a top-notch Framer template.

blog.superbthemes.com

3

7

94

Matteo

@matteotiscia

2 years

My Gridfolio template now supports dynamic theming (light and dark mode)! No need to choose between them now ✨ 20% off for a little while too, use code FRAMEPAD20

3

5

94

Matteo

@matteotiscia

2 years

Super keen to share, I’m working on a framework and component library for @framer . It’s focused around building more consistent and flexible sites faster ⚡️ Tonnes of different layouts and easy to customise ✨ Launching soon. Sign up for early access 👇

5

13

91

Matteo

@matteotiscia

1 year

@framer Here's how you can get started: 1. Choose the type of template you want to make, see whats trending. 2. Inspiration, inspiration, inspiration, grab a bunch of screenshots of sites you like, but remember, originality will always get more sales than a clone of another template.

7

6

92

Matteo

@matteotiscia

1 year

I'm really loving by @liammews 🔥 It's such a beautifully designed site and has so many killer tools. Definitely a big inspiration for Framepad ✨

Good Design Tools - The best tools and resources for designers

Good Design Tools is a collection of over 200+ of the best tools and resources for designers.

www.gooddesign.tools

0

7

89

Matteo

@matteotiscia

1 year

The opportunities @framer opens up for designers and devs is no joke 🤓 I’m currently building a super powered site in Framer with: - membership functionality - CMS functionality - integrations for automated emails Don’t underestimate what you can do with Framer 💥

7

92

Matteo

@matteotiscia

2 years

Quick @framer tutorial thread 💡 Got a few people asking how to create this video that plays only on hover. Here's a quick tutorial on how to do it . Remix link at the end👇

5

7

91

Matteo

@matteotiscia

2 years

Control vertical padding on sections with a single parameter in @framer with Framepad Starter! You can edit the spacing values and add more too. Remix & explore this demo file 👇

8

7

91

Matteo

@matteotiscia

1 year

It's so easy to feel down about your work when you see folks with 10+ years of experience in the industry share beautiful designs on Twitter. If you've been in the industry for 3 years, the designer in you is only 3 years old. Go easy on yourself, you'll get there.

12

6

89

Matteo

@matteotiscia

2 years

My @framer templates have been taking off this month 🔥 And for Black Friday, they're all 50% off, including my best seller Gridfolio! You can also snag a hosting plan half price 😁 Use the code BLACKFRIDAY50 at checkout in both Gumroad and Framer🎁👇

Framer

@framer

2 years

🎁 It’s that time of the year! Get 50% off the Basic or Pro yearly plan, plus selected premium Framer templates. The cheapest way to quickly launch an amazing-looking site!

1

4

33

3

10

89

Matteo

@matteotiscia

2 years

I'm really loving the new darker redesign of the @framer website. Especially this features section *chefs kiss*. Feel like this site is constantly getting even better every time I visit 👏

3

4

86

Matteo

@matteotiscia

6 months

Twitters a crazy place posted a meme and got more followers than I get in a month I wish higher value content was rewarded the same though

19

0

88

Matteo

@matteotiscia

1 year

Feed, a minimal social inspired portfolio template for @framer has dropped and is 50% off for launch! 💥 Feed is a beautiful minimal portfolio / blog template that borrows design patterns commonly found in social media platforms. Of course in both light and dark 🌗

8

84

Matteo

@matteotiscia

1 year

Little @framer feature idea: An indicator of which breakpoint you're currently editing. Can't tell you the amount of times I've been zoomed in making edits to the wrong breakpoint 😮‍💨

8

4

87

Matteo

@matteotiscia

2 years

From Amsterdam to Australia 🌏 thanks @framer for the goodies! 🫡

6

1

86

Matteo

@matteotiscia

7 months

friends I'm releasing Framepad for pre-order 🤘 I've put a tonne of work into this since the initial free release a year ago. This is the cheapest price it will ever be. Releasing this month 🫡

13

7

84

Matteo

@matteotiscia

1 year

More and more people are interested in using @framer for client work, but are only seeing people use it to create templates. Let’s change that. Drop your best client websites made in Framer 👇

12

5

85

Matteo

@matteotiscia

6 months

Hero section built with

3

1

84

Matteo

@matteotiscia

2 years

These are my earnings for this month's affiliate for @framer so far. I'd say 90% of these would have come from people purchasing a plan using one of my templates. This is a seriously good way of getting some extra income! ✨ If you aren't already, start making Framer templates!

12

1

84

Matteo

@matteotiscia

1 year

Framer but it's using the pricing model of a mobile game

24

4

83

Matteo

@matteotiscia

6 months

the support for has been unreal. Thank you to everyone who helped me and supported it 🫶❤️ Working on some new additions for the first update to the kit now 🙂

Framepad - Framer UI Kit & Design System

Framepad helps you build and ship sites faster with a huge collection of adaptable components and layouts.

www.framepad.co

8

6

82

Matteo

@matteotiscia

2 years

I built Framepad Starter to help all @framer users build faster, but it's especially useful for beginners learning Framer 🎓 One of the core fundamentals is the layer structure, which is pre-built using stacks only, so your website is responsive from the get go. No setup needed

4

3

82

Matteo

@matteotiscia

1 year

I thought the landing page felt a bit off. Since it used the same side nav approach as the other pages, to me it felt less 'markety' and kind of out of place. So I've updated it to a more traditional marketing web layout. What do you think?

7

2

79

Matteo

@matteotiscia

8 months

community led @framer tools & products have been popping up a lot lately these are some of my favourites: - by @Dannysapio & @0xJJW - by @JorisRood - by @itsnotnabeel more

Free Resources, Components & UI Kits for Framer & Figma

SegmentUI is a 360 degree solution for Framer & Figma. The ultimate design resource that covers everything from ideation to monetisation. Free UI Kits, templates, design systems, components and...

segmentui.com

7

3

82

Matteo

@matteotiscia

1 year

can we make this happen @framer 🥺

9

1

80

Matteo

@matteotiscia

1 year

I asked my girlfriend (who's also a designer) to give me some feedback on my site. I guess the copy needs a lot of work 😅

3

1

78

Matteo

@matteotiscia

1 year

There's so much insane content from @framer pros dropping daily in the community. While I absolutely love this content, I know there are so many folks out there who have just started learning the basics. A comprehensive beginner Framer guide would go nuts. Who's gonna make it?

12

2

79

Matteo

@matteotiscia

6 months

really love this creator focused approach to a tool resource directory also the site is beautiful - check it out 👇 by @kevin_bhagat

5

8

77

Matteo

@matteotiscia

2 years

I always a lil feel weird when sharing details on my sales in fear that people think I'm boasting. But these types of posts from others, was what motivated me to start selling online in the first place. @framer templates are one of the best ways to make some side income 💡👇

16

2

77

Matteo

@matteotiscia

1 year

Just published 3 tutorial videos for Framepad 💥 They go over pasting, editing and styling components, with a live build using Framepad components in the final video.

5

6

77

Matteo

@matteotiscia

1 year

I’ve been using @framer to build websites since its beta last year, and I have to say, it's come so far since then. still though, I wanted to collect an extensive list of the features I’m hoping come to Framer at some point. let's get into it 👇

21

3

72

Matteo

@matteotiscia

1 year

Screen time in @framer

12

2

72

Matteo

@matteotiscia

7 months

☑️

6

1

73

Matteo

@matteotiscia

1 year

I end up downloading a bunch of new apps every time I use @MobbinDesign so much eye candy 👀

2

3

71

Matteo

@matteotiscia

6 months

I'll be launching Framepad tomorrow! So excited to get this out there 😁

12

2

71

Matteo

@matteotiscia

6 months

Dark pricing section Built with

10

1

70

Matteo

@matteotiscia

1 year

⭐️ [ @framer tip #26 - Setting image resolution] If you notice the images on your published Framer site are low quality, it's probably because you haven't set a manual resolution, or quality setting. You'll find this setting when clicking into an image fill, works on CMS too

2

4

65

Matteo

@matteotiscia

6 months

whipped up a little preview of all components & styles 🥵

7

3

66

Matteo

@matteotiscia

7 months

I consume a lot of design content As in I’m constantly looking at and saving design work I see online. Getting ideas and inspiration is half of the work to creating something great my 2 main sources of inspo are &

Curated web design inspiration catalog

Unleash your creativity with out-of-this-world web design inspiration from across the web.

www.curated.design

4

64

Matteo

@matteotiscia

1 year

new @framer template called Feed ✨ it's a very minimal portfolio template heavily inspired by a particular new social app releasing in the next few days, just applying some final changes

9

0

64

Matteo

@matteotiscia

2 years

While @framer doesn't have options for H4-H6 in the text styles, it's still possible to create them. We can add an accessibility tag of h4, h5 or h6 to any text element and it will be treated as that heading in the HTML. @framepadco Starter file has this created by default ✨

8

6

61

Matteo

@matteotiscia

1 year

@pie6k Definitely feels out of place. Also quite large compared to most other UI elements. I do think the interaction of scrolling down through all options is quite consistent to other UI patterns on iPhone

1

0

56

Matteo

@matteotiscia

1 year

God that hero is something else 😍 If I had even a smidge of this level of skills in visual design I’d retire a happy designer

Oğuz

@oguzyagizkara

1 year

Big news ✨ Are you ready to be blown away? Reflect's website just got a massive redesign that's going to leave you speechless 🫧 Join me as I take you through the journey of how we made it happen 🪄 See live:

137

174

2K

5

2

59

Matteo

@matteotiscia

2 years

I’ve had so many clients wanting a website built using @framer over any other no code site builder. The main reason. Framer for Startups. Such an awesome offering. Big opportunity for freelancers to help startups launch with @framer

3

9

57

Matteo

@matteotiscia

8 months

I'd love if we could swap component instances easier in @framer It would make design systems more flexible and allow designers to build simpler components with less variants while still having easy access to swap instances

4

2

58

Matteo

@matteotiscia

1 year

I've been itching to create another @framer template for a while now. Using a certain Twitter competitors (@) new minimal design as inspiration, I decided to experiment with a portfolio / blog template where each 'post' is a case study or blog. This could be interesting 😁

7

0

57

Matteo

@matteotiscia

1 year

With publish times so quick in @framer , I've developed a compulsive habit to keep publishing after every small change...

10

3

56

Matteo

@matteotiscia

1 year

The fact that @framer is releasing native features for complex functions that usually require lots of custom code and integrations on other no-code platforms is unreal. The Framer team is making the web so accessible ✨

Framer

@framer

1 year

🔎 We’re tweaking the algorithms and adjusting the sliders but the search for search is almost over... Take a peek over at →

14

11

194

0

56

Matteo

@matteotiscia

6 months

one of the best ways to learn @framer is to remix community made projects - see how they're built and recreate them I learnt so many advanced interactions this way

7

2

57

Matteo

@matteotiscia

1 year

Yooo that’s my girlfriend right there! She’s speaking at Config 🥳 So proud 🥹

Jade Jiang

@itsjadejiang

1 year

I’m speaking at @figma ’s Config 2023!! This is such a surreal (and scary) experience for me but I’m SO excited! Thanks to @haytchde and @Atlassian for encouraging me! Come and watch me speak about designer and developer collaboration here 🎉 #config2023

16

7

140

4

0

53

Matteo

@matteotiscia

2 years

Some of the simple micro interactions in the @framepadco site. @framer makes it way to easy to add these in 😃

3

4

53

Matteo

@matteotiscia

1 year

coming to a @framer near you ✨

2

1

52

Matteo

@matteotiscia

2 years

Quick preview of one of the tab components in the @framepadco component library for @framer ! Sign up here to be notified when it releases for FREE! 👇

1

3

53