Danny Sapio
Danny Sapio
  • Видео 22
  • Просмотров 362 696

Видео

FramerAuth: Create a post sign up questionnaire in Framer
Просмотров 1342 месяца назад
Remix: framer.com/projects/new?duplicate=4iTJWNgSi0hukJoLapAD&via=dannysapio Preview: frameroverrides.com/sign-up
FramerAuth: How to create a 'Mark as Complete' experience in Framer
Просмотров 1562 месяца назад
This functionality requires FramerAuth to be installed on your Framer website. Follow the guide: framerauth.com/guides/how-to-setup-mark-as-complete
Framer Trick to Unlock Superpowers Using Overrides (No Coding)
Просмотров 10 тыс.Год назад
www.frameroverrides.com for high quality free and paid Framer overrides - (use code "RUclips" for 20% off) In this tutorial, I show you how to get and use Framer overrides inside of your files to unlock some unbelievably cool animations and abilities.
Introducing FramerOverrides.com - Powerful Framer Code Overrides for Designers
Просмотров 1,1 тыс.Год назад
www.FramerOverrides.com Introducing Framer Overrides! Clean up your workflow and unlock new superpowers with effortless copy & paste code overrides for Framer.
Framer / How to Create Fixed Navigation with Tab Animation (Easy)
Просмотров 33 тыс.Год назад
Want 3 months of Framer Pro Free? Use my partner link or promo code: www.framer.com?via=dannysapio (use promo-code "pro-yearly-partner" to get 50% off the pro annual subscription) Remix link: framer.com/projects/new?duplicate=2rAYL0wAMxQStht87fAF How to create a fixed header navigation in Framer with animated tabs. This sticky navigation adds a layer of interaction to any website and it's super...
Framer / How to Create a Progress Bar Triggered by Scroll
Просмотров 9 тыс.Год назад
Using Framer, let's create a progress indicator that is triggered by scroll position. When you reach the bottom of the section your progress bar will fill the screen. To remix: framer.com/projects/new?duplicate=30B3gYGaLklsfe4lVLTb
10 Hacks for Illustrating and Drawing in Figma
Просмотров 6 тыс.Год назад
Super quick tips to speed you up when illustrating in Figma. Figma is a popular design tool that has gained a reputation for its usability and versatility in creating user interfaces. However, many people may not realize the full extent of its capabilities in illustrating and drawing. Figma's vector editing tools allow for precise and efficient drawing, making it a suitable tool for creating in...
Figma / Sticky Scroll in Prototypes (2023)
Просмотров 17 тыс.Год назад
Follow along with the Figma file - www.figma.com/community/file/1223461012171195285 How to setup a sticky scrolling element inside of Figma's prototyping. Follow me on Twitter - Dannysapio
Figma / 10 Auto Layout Tricks Every Designer Should Know
Просмотров 4,4 тыс.Год назад
10 quick tricks to speed up your workflow when using Auto Layout in Figma With Auto Layout, designers can easily create designs that adjust to different screen sizes and orientations, making it easier to design responsive layouts for different devices. It also helps in saving time and effort by automatically adjusting objects based on their constraints.
Figma / Creating Input Fields with Auto Layout + Base Components
Просмотров 8 тыс.Год назад
How to create and manage input & dropdown components using Figma's boolean properties to show/hide elements within components. This tutorial will teach you how to manage larger design systems with ease using base components and variants. Follow along with the file: www.figma.com/community/file/1220461255359695638 Follow me on Twitter for more tips: Dannysapio
Figma / Advanced Auto Layout (2.0 Update)
Просмотров 7 тыс.Год назад
Follow along in Figma - www.figma.com/community/file/1161394166165761796 Figma has updated a few of the features within Auto Layout. In this video, I will share about those updates and explain how to create a fully responsive interface entirely with auto layout 2.0. Here is a quick reference for shortcuts in Figma - shortcuts.design/tools/toolspage-figma/
Figma / How to Create a Looping Pattern Animation
Просмотров 2 тыс.2 года назад
Clone the original Tessellation - www.figma.com/community/file/1038181675203332239 See more on Twitter - Dannysapio Inspired by Miggi: miggi
Figma / Advanced Auto-Layout Tutorial
Просмотров 18 тыс.2 года назад
Watch Updated Tutorial - ruclips.net/video/Qmnqo9-rgYY/видео.html Download the Figma file to follow along - www.figma.com/community/file/1037438170751585094/Advanced-Auto-Layout
Figma / How to Create Input Fields With Auto Layout & Variants
Просмотров 47 тыс.2 года назад
There is a 2023 updated version of this video: ruclips.net/video/62paXh6B4BM/видео.html How to create main input fields that control any number of variant instances for input field components. Follow me on Twitter - Dannysapio
Figma / How to Create a Rolodex Animation with Auto-Layout
Просмотров 6 тыс.3 года назад
Figma / How to Create a Rolodex Animation with Auto-Layout
Figma / How to Hack a Slider with Auto-Layout
Просмотров 38 тыс.3 года назад
Figma / How to Hack a Slider with Auto-Layout
Figma / 6 tricks for duplicating and copying
Просмотров 36 тыс.3 года назад
Figma / 6 tricks for duplicating and copying
Figma / How to create a progress ring
Просмотров 47 тыс.3 года назад
Figma / How to create a progress ring
Figma / How to set a cover photo (thumbnail) for a project
Просмотров 20 тыс.3 года назад
Figma / How to set a cover photo (thumbnail) for a project
Figma / How to create a base component for variant sets
Просмотров 36 тыс.3 года назад
Figma / How to create a base component for variant sets
Figma / How to add stroke to only one side of an object
Просмотров 16 тыс.3 года назад
Figma / How to add stroke to only one side of an object

Комментарии

  • @ILZorya
    @ILZorya День назад

    Great project and idea ❤

  • @pawekabzinski9430
    @pawekabzinski9430 5 дней назад

    More than helpful. Thanks

  • @TwoLeggedTriceratops
    @TwoLeggedTriceratops 6 дней назад

    So one could say the boolean property demonstrated here is just a nicety that bubbles up the visibility of the layers to the panel on the right instead of having to sift through the layers panel on the left and manually clicking on the visibility eye icon?

  • @ayoubmrz6953
    @ayoubmrz6953 8 дней назад

    thank you so much, so simple.

  • @kemetic_
    @kemetic_ 11 дней назад

    Please someone help Me change the name of nav components I can’t figure it out 😭😭😭😭

  • @PatialJi-s6q
    @PatialJi-s6q 11 дней назад

    thanks

  • @Maria-m3m6Maria_s5z4
    @Maria-m3m6Maria_s5z4 19 дней назад

    Brace yourself, cash refund incoming

  • @DM-DesignsInMyUniverse
    @DM-DesignsInMyUniverse 29 дней назад

    How to do "Active Page" Active Menu in framer? Can you please help out with this?

  • @kishorimonukumari2979
    @kishorimonukumari2979 Месяц назад

    how do we change the text on navbar, I created that component and now I want to change the name but nothing happens I come up on the component section. what do I do?

  • @leviwanyoike
    @leviwanyoike Месяц назад

    Hey Danny and warm greetings from Nairobi Kenya, a big fan and evangelist of both Framer and FramerAuth. So I want to use the Course Hub template and wanted to know if it’s possible to host multiple courses, and if so, would this also require individual licenses for each portal?

  • @yamilafritzler9607
    @yamilafritzler9607 Месяц назад

    this works well when the line of the range selector is slim but when it's thick you can see the edges. Is there a solution for that case?

  • @jwcoo
    @jwcoo Месяц назад

    Thank you for making this tutorial

  • @jo69123
    @jo69123 2 месяца назад

    what a great f¨ video. I'd love to know how folks make drawings with pressure sensitivity, not sure if they just use Illustrator for it or if there's a way to make it all inside Figma

  • @aahiljunaidnext
    @aahiljunaidnext 2 месяца назад

    alt is not working in my keyboard

  • @thebeautyofcinema5187
    @thebeautyofcinema5187 2 месяца назад

    Damn

  • @candrayudawardaya5875
    @candrayudawardaya5875 2 месяца назад

    omg, thank you very much !

  • @prakharagarwal5746
    @prakharagarwal5746 2 месяца назад

    Can someone help me create a frontend code for this design?

  • @Trazynn
    @Trazynn 2 месяца назад

    I'd love a tutorial (or paid component) for a 'Was this (CMS) page helpful to you?' feedback form that users can use to leave private comments on any blog posts you write.

    • @dsapio
      @dsapio 2 месяца назад

      This can be done using a Framer form component. You can get one for free at frameroverrides.com (82)

  • @xteoos
    @xteoos 3 месяца назад

    Amazing thanks

  • @anandojha5857
    @anandojha5857 3 месяца назад

    It helped a lot Danny. Almost Lifesaver

  • @tonyroslund
    @tonyroslund 3 месяца назад

    Daaaang! Super slick. Exactly what I was looking for, thanks for taking time to share. Subscribed!

  • @michaelreddington9145
    @michaelreddington9145 3 месяца назад

    Great video and easy to follow... what about if you want to make the nav bar itself a component? How does the scrolling and linking work then?

  • @Matte_Luke
    @Matte_Luke 3 месяца назад

    Thank you Danny! I have a question for you: how did you manage this navigation bar on the Phone view? Since I have more than 3 items, I've been trying to make it a scrollable bar on mobile, where the current Nav item is always centered and automatically scroll it horizontally when I scroll to the next page section. Do you know if there is a way to do this? Thank you again!

  • @svdovichenko
    @svdovichenko 3 месяца назад

    Hey Danny great video! Is there way to do it when navigation is a component as well not only links? I tried to do it but could not figure out.

  • @GustavoMoura-ct8fj
    @GustavoMoura-ct8fj 3 месяца назад

    bro, how can I make this cursor effect? It's so smooth

  • @eirirunna3053
    @eirirunna3053 3 месяца назад

    Thank you for the useful video! Lots of new tricks for me

  • @kss4652
    @kss4652 4 месяца назад

    Thanks! Nice tutorial. Now how to go to the next page based on choices on the slider

  • @Da_Joe
    @Da_Joe 4 месяца назад

    I have been struggling to create this. Thank you so much for this video.

  • @divahar14
    @divahar14 4 месяца назад

    thanks danny

  • @user-ei4zb2dq1e
    @user-ei4zb2dq1e 4 месяца назад

    Thank you, super helpful and easy to follow tutorial! The information I'm missing is how to change the names of the items. ;)

  • @Theschoolofideas_
    @Theschoolofideas_ 4 месяца назад

    Hey Danny, very helpful video!! I am stuck in one area, my header has too many options and i have used fill option for width. However the hidden content doesn't show when I scroll to different sections. Can you help? What I am looking is something similar to figma's crop content feature

  • @msj8285
    @msj8285 5 месяцев назад

    Thank you so much!

  • @noparujsumongkol6526
    @noparujsumongkol6526 5 месяцев назад

    This video is very helpful. Thanks!

  • @Purv.
    @Purv. 5 месяцев назад

    okay so tell me what am i doing wrong. when i copy new layers dose not get made which u can see in the left side. when i copy it only says elipse 4 for example

  • @user-xs6ju8gu4u
    @user-xs6ju8gu4u 5 месяцев назад

    Can’t see your keyboard 😐

  • @ivankukovec9799
    @ivankukovec9799 5 месяцев назад

    How to achieve this cascading "scrolling" selection of nested elements that you do at 00:37? How do you select the nested items in such a quick cascading way? Seem very intuitive and fast, and I'd like to add it to my workflow.

  • @josepdevillaret
    @josepdevillaret 5 месяцев назад

    Danny i have a question. Im trying to make a header section that whenever you click it shows a variant that goes down. For example if i have a page of Jeeps, when i click models on the header id like it to expand to be able to show an interactive set of cars with customizations. The problem comes when i click it, it just won't expand and won't show properly... If you don't understand i can show you the page i'm creating on framer, cheers boss.

  • @afzalux174
    @afzalux174 5 месяцев назад

    Can it be done inside a component?

  • @J.E_Williams
    @J.E_Williams 6 месяцев назад

    Thank you

  • @yuliu8515
    @yuliu8515 6 месяцев назад

    Very useful and quick tutorial! Thank you very much

  • @seablomkvist
    @seablomkvist 6 месяцев назад

    Thank you so much!

  • @Ruiruigege
    @Ruiruigege 6 месяцев назад

    how to do this when working with a component? from the component view I just cannot see the scroll sections defined in the main editor :(

  • @flakitomc8806
    @flakitomc8806 6 месяцев назад

    thanks a lot!!!

  • @user-ds4gm1lf2l
    @user-ds4gm1lf2l 6 месяцев назад

    Thank you so much for sharing this video, this helps me so much

  • @lapraxis8239
    @lapraxis8239 6 месяцев назад

    The best video ☺️

  • @priyankaraja3661
    @priyankaraja3661 6 месяцев назад

    Is there a way to do this and also make the tabs clickable?

  • @mtc1516
    @mtc1516 6 месяцев назад

    when you duplicate the main component as a copy why do you need to do auto-layout again? i feel like that's one step extra?

  • @kennygo5053
    @kennygo5053 6 месяцев назад

    But i could not figure out how to select and how to enter the editing mode. For example when i wanna delete a line on circle, i can only delete the dot, not the line itself

  • @jaciunscripted
    @jaciunscripted 6 месяцев назад

    how do you keep it selected when on that section?