Safaa | UI UX
Safaa | UI UX
  • 4
  • 3 490
How to make an Interactive Calendar in Figma in 10mins
This video is a quick guide that demonstrates how to create an interactive calendar using the Figma application within 10 minutes. The video aims to provide a brief overview of the basic steps required to create a calendar that can be interacted with in Figma, in a simple and easily understandable manner.
The presenter in the video will share their computer screen and begin by explaining the tools and components they will be using to create the calendar. They will explain how to create the grid, days, and weeks using the available components and tools in Figma.
The basic steps that will be demonstrated in the video include:
1. Creating a new page for the calendar.
2. Creating a grid for the days and weeks using the available tools in Figma.
3. Formatting the grid and adjusting the colors and styles to fit the desired design.
4. Adding additional details such as dates and important events using the available texts and icons.
5. Adding simple interactions such as scrolling and selecting days and weeks.
The video is presented quickly and concisely, and the steps are explained as the presenter progresses in the application. Necessary editing techniques are used to showcase the final result of the calendar and demonstrate how the user can interact with it.
This video aims to provide a quick and helpful introduction to creating an interactive calendar in Figma and can be beneficial for beginners who want to gain a basic understanding of the process of creating interactive calendars in this application.
Переглядів: 3 265

Відео

how to create catchy hover effect in figma | Step by Step Tutorial
Переглядів 17011 місяців тому
In this step-by-step tutorial video, you will learn how to create captivating hover effects in Figma. We will guide you through the process of adding eye-catching interactions to your designs using the powerful features of Figma. Download FREE Resources In the first comment 👇🏻
Creating an Awesome Slider in Figma: A Step-by-Step Guide | Smart Animate
Переглядів 43Рік тому
Join us in this exciting Figma tutorial as we explore the process of designing a stunning 3D carousel that will bring life and interactivity to your web projects. Discover how to take your web design skills to the next level and captivate your audience with engaging visual elements. Download FREE Resources In the first comment 👇🏻

КОМЕНТАРІ

  • @incogxcc
    @incogxcc 2 місяці тому

    wouldve been nice to have some sort of explaining since I got confused halfway

  • @ZakD43
    @ZakD43 4 місяці тому

    But changing the month doesn’t change numbers layout do what the point of just changing the words?

  • @NewMovie-h1n
    @NewMovie-h1n 5 місяців тому

    It's amazing the design

  • @tamannarani-v6r
    @tamannarani-v6r 11 місяців тому

    🙏🙏🙏🙏

    • @safaauiux
      @safaauiux 11 місяців тому

      😍😍😍

  • @dimitri3623
    @dimitri3623 11 місяців тому

    ✨ 'Promo SM'

  • @sarahaljuaid9761
    @sarahaljuaid9761 Рік тому

    Great and easy to follow tutorials , Keep going <3

  • @sarahaljuaid9761
    @sarahaljuaid9761 Рік тому

    thanks <3

    • @safaauiux
      @safaauiux Рік тому

      🤎🤎🤎💜💜💜🤍🤍🤍

  • @safaauiux
    @safaauiux Рік тому

    Download FREE Resources t.me/figmasafaa/6

  • @safaauiux
    @safaauiux Рік тому

    Download FREE Resources t.me/figmasafaa/4