@Giles_Perry

UX veteran

 London
gilesperry.info
Joined February 2010
  • Tweets283
  • Following178
  • Followers263
22Media
New article, hot off the press. "Advanced Scroll Effects in Framer". Parallax, dynamic headers, and scroll driven video – find out how to take your scroll interactions to the next level in @framer. And learn to code in the process. blog.gilesperry.info/advance…
1
1
16
Wouldn't it be great if you could copy styles from one @framer project to another. There's a plugin for that. Coming soon!
15
4
1
88
5,332
Finally! Styles IO has arrived. Available now on the @framer Marketplace framer.com/marketplace/plugi…

Styles IO — Plugin for Framer

Move styles between projects — Styles IO is a Framer plugin for Styles, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.

framer.com
2
3
1
12
1,518
Replying to @Giles_Perry @framer
Styles IO was submitted to @framer for review a couple of weeks back. I'm expecting it to pop up in the Marketplace anytime soon. Keep an eye out for it under free plugins. And why not read this framerplugins.io/news/behind… while you're waiting.
3
97
Giles Perry retweeted
Framer London@FramerLDN4 Jan 2024
Swag has arrived! If you wish to attend or want to join for upcoming events... framer.london/
2
3
9
511
I would love it if @framer components could have slots framer.community/c/requests/…
1
139
Join Supernova for a panel all about components 🧱 on Thurs, November 16 at 9am PST / 6pm CET. Featuring industry experts: 🔹Alissa Engstrom (Senior Product Designer, Design Systems at Apollo.io) 🔹 @blvdmitry (Principal Frontend Engineer at Booking.com) 🔹 @Giles_Perry (Director of Product Design at Skyscanner) During this panel, you'll learn best practices for managing a component's lifecycle: 🔹 Building new components 🔹 Tracking component health 🔹 Deprecating components We'll also dive into how designers and developers approach and leverage components.
1
2
2
8
2,274
Here's an improvement I'd love to see in @figma
1
2
204
Looks like someone else agrees forum.figma.com/t/library-pu…
104
Looks like Coffee Physics TS is now available as an npm package npmjs.com/package/coffee-phy…
1
1
379
Mostly a translation job of great work by @soulwire (with a lot of help from ChatGPT).
113
Looks like Coffee Physics is back in @framer genuine-actions-755846.frame…
1
4
1,146
Wow! The latest update to @framer is seriously next level: no code scroll transforms. You need to check this out. framer.com/updates/scroll-tr…

Framer Updates — Scroll Transforms

Introducing Scroll Transforms in Framer. Design expressive landing pages with complete control over the scroll position. Transform any style while scrolling, or select specific sections for fine-gr...

framer.com
2
Someone should make an AI that’s really good at giving DALL•E stuff to do. #dalle
2
Just published some code for adding scroll interactions to your @framer website. Check out the demo tools-paint-059317.framer.ap…. Remix link and code in the thread...

Scroll interactions in Framer websites

Find out how to add common scroll driven interactions to you Framer website using overrides.

tools-paint-059317.framer.app
2
10
more replies
If you just want to look at the code you'll find it here gist.github.com/perrysmotors…

Overrides to create scroll interactions on Framer sites

Overrides to create scroll interactions on Framer sites - ScrollEffects.tsx

gist.github.com
1
1
I just added two new examples. Scroll controlled video and Lottie animations. This kind of stuff is pretty easy once you get the hang of it.
1
Replying to @GitBookIO
@GitBookIO I'm currently evaluating GitBook as a documentation solution for our design system. I want to embed a Figma design. It works fine when pasting a link to a page in the Figma file. But when you try a link to a specific frame, the embed stops working. Any ideas?
1
The link that does not work has a parameter to specify which frame to show. Otherwise the URLs are the same.
1
New feature in Variant Organiser: I've added preferences so you can control spacing. figma.com/community/plugin/1…

Variant Organiser | Figma

Keep your variants tidy with Variant Organiser Variant Organiser automatically arranges variants in a grid and creates property labels. NEW IN VERSION 7 – Automatic Mode How to run Variant Organiser...

figma.com
2
Load more