Web Designer Hack

@kyleslyf

1.6K followers · usually 701 views a post

Views

4.6K

Likes

198

Comments

4

Shares

7

SoundTikTok sound · original sound - kyleslyf

Promoted product

ShowOffshowoff.video

The ultimate video tool for Designers looking to show off their work.

2 videos

Why it worked

The video effectively targets a specific pain point for web designers (time-consuming mockup creation) and offers a clear, fast solution. The "hack" framing and the promise of saving hours per week are strong motivators, and the demonstration of the tool's ease of use and speed makes it appealing.

Summary

This video introduces ShowOff, a tool that allows web designers to quickly create video mockups from Figma designs or video files. It aims to save users time compared to using traditional editing software like After Effects.

Structure

1Introduction to a web designer hack
2Problem: Time-consuming video mockups with After Effects
3Solution: Introducing ShowOff tool
4

Original caption

This used to take me hours… now it takes seconds. I built a tool to turn Figma designs into scrollable video mockups. Free trial → link in bio #design #figma #uidesign #saas #indiehacker

More from @kyleslyf

Product placement

The video demonstrates the use of a tool called ShowOff, which is presented as a solution for creating video mockups from Figma designs or video files. The ShowOff logo and website are displayed.

Call to action

Check it out for free, link in the description and the bio.

On-screen text

Web Des Web Designer Hack Composition Name: Website Showcase Basic Advanced 3D Renderer Preset: Social Media Portrait HD - 1080x1920 - 30 fps Custom HD - 1920x1080 - 24 fps HD - 1920x1080 - 25 fps HD - 1920x1080 - 29.97 fps UHD (4K) - 3840x2160 - 23.976 fps UHD (4K) - 3840x2160 - 25 fps UHD (4K) - 3840x2160 - 29.97 fps UHD (8K) - 7680x4320 - 23.976 fps UHD (8K) - 7680x4320 - 25 fps UHD (8K) - 7680x4320 - 29.97 fps Social Media Portrait HD - 1080x1920 - 30 fps Social Media Landscape HD - 1920x1080 - 30 fps Social Media Portrait - 720x1280 - 30 fps Social Media Landscape - 1280x720 - 30 fps Canvas Aspect Ratio 1:1 16:9 9:16 Background Color #15b-f98 Upload Image (Optional) ANIMATION SETTINGS Scroll Behavior Linear Smooth (Constant) Human Step (Natural Pauses) Static (No Scroll) Fixed % Custom Stops Scroll Increment: 25% Start Hold Time: 0s Total Duration: 8.4s EXPORT SETTINGS Quality 4K (UHD) Format MP4 Preview Animation Export Video Ae Too slow ShowOff Sculpt 404 Oops, I think we're lost... Let's get you back to somewhere familiar. Back Home AI Automation, Made Human. Get started for free Download the App We believe technology should work for people, not the other way around - helping teams turn data into action effortlessly. Sculpt Time to be present. Drift turns your to-do list into peace of mind. Who has time to just be busy all the time. Download from App Store Daily Goals Personal Project ShowOff PRO SERIES The mountain has never been clearer. ShowOff www.showoff.video

Transcript

If you're a designer, this simple tool could save you hours every week. If you're trying to make a video mockup, no longer do you have to deal with After Effects and keyframes and all of this stuff that's going to slow you down. I built a tool to fix it and that tool is called ShowOff. And you can instantly make a video mockup in literally seconds. You can grab a design straight from Figma, drop it in, auto-scroll, change some keyframes and then just in a few seconds, you've got a video that is ready to present to your client or update your portfolio. This also works for video files. If you guys want to check it out for free, there's a link in the description and the bio. I'd love to know what you guys think of it.

Make video mockups of your web designs in seconds. Try out ShowOff 👉 Link in b