Design Start
Design Start
  • 30
  • 44 847
Figma with #Designstart: Tips&tricks - How to copy object's style #figma #figmatutorial #style
Part of the "Figma Basics" video series for beginners covers the trick of copying the style of the object In Figma.
Here you'll learn how to copy the style of one object and apply that style to another one with a simple solution. This will dramatically simplify your workflow and make you a faster performer in Figma.
#figma #figmatutorial #figmadesign #style
Transform your design workflow with the Ant Design System for Figma! This comprehensive toolkit is packed with hundreds of pre-made, adaptable components - all designed to make your projects more efficient and your designs more powerful. Whether you're a seasoned Figma pro or just starting out, Ant Design System for Figma will help you create stunning designs with ease. Click here to explore the Ant Design System for Figma
antforfigma.lemonsqueezy.com/?aff=49RPz
Elevate your Figma design game with Screen Studio! This cutting-edge tool allows you to create stunning, high-quality videos of your designs. Whether you're looking to present your ideas, create engaging tutorials, or just show off your latest masterpiece, Screen Studio is the tool for you! Try it out today, and take your Figma presentations to the next level. Click here to get started with Screen Studio:
screenstudio.lemonsqueezy.com/?aff=49RPz
Переглядів: 246

Відео

Figma with #Designstart: Tips&tricks - How to duplicate objects #figma #figmatutorial #duplicate
Переглядів 91Рік тому
Part of the "Figma Basics" video series for beginners covers the easy way of duplicating objects in Figma. Here you'll learn how to duplicate objects in your Figma file easily and fast, which will simplify your workflow and make you more efficient. #figma #figmatutorial #figmadesign #duplicate Transform your design workflow with the Ant Design System for Figma! This comprehensive toolkit is pac...
Figma with #Designstart: How to use autolayout in Figma - Part 2 #figma #figmatutorial #autolayout
Переглядів 161Рік тому
Part of the "Figma Basics" video series for beginners covering general information about the autolayout in Figma. Here you'll learn more advanced features of autolayout in Figma, which includes creating responsive elements and nesting autolayouts one into another. #figma #figmatutorial #figmadesign #autolayout #webdesign #button Check out ready to use design system for your next design project:...
Figma with #Designstart: How to use autolayout in Figma - Part 1 #figma #figmatutorial #autolayout
Переглядів 175Рік тому
Part of the "Figma Basics" video series for beginners covering general information about the autolayout in Figma. Here you'll learn what autolayout is, how and when to use it, how to add autolayout and set it up, as well as how to use some advanced settings for auto layout. #figma #figmatutorial #figmadesign #autolayout #webdesign #button Check out ready to use design system for your next desig...
Figma with #Designstart: What are constraints and how to use them in Figma #figma #constraints
Переглядів 121Рік тому
Part of the "Figma Basics" video series for beginners covering constraints in Figma. Here you'll learn what constraints are, how and when to use them as well as some advantages of using them in your design process #figma #figmatutorial #constraints #figmadesign Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to record professional ...
Figma with #Designstart: What is style and how to use it in Figma #figma #figmatutorial #style
Переглядів 80Рік тому
Part of the "Figma Basics" video series for beginners covering styles in Figma. Here you'll learn what style is, how to add and edit style, and how to apply a style to an object. #figma #figmatutorial #figmadesign #style Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to record professional go-through videos? Check out this tool: s...
Figma with #Designstart: How to scale in Figma #figma #figmatutorial #scale
Переглядів 99Рік тому
Part of the "Figma Basics" video series for beginners covering scaling in Figma. Here you'll learn what scaling is, how to use that, and different ways of scaling objects and groups of objects. #figma #figmatutorial #figmadesign #scale #proportions Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to record professional go-through vi...
Figma with #Designstart: What is Pencil and how to use Pencil in Figma #figma #figmatutorial #pencil
Переглядів 988Рік тому
Part of the "Figma Basics" video series for beginners covering the Pencil tools in Figma. Here you'll learn what is Pencil tool, how to use it, and how to edit strokes created by the Pencil tool. #figma #figmatutorial #strokes #figmadesign #pencildrawing Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to record professional go-thro...
Figma with #Designstart: How to align objects in Figma #figma #figmatutorial #alignment
Переглядів 2,5 тис.Рік тому
Part of the "Figma Basics" video series for beginners covering alignment in Figma. Here you'll learn what alignment is and how to align objects with respect to each other and with respect to the frame they belong. #figma #figmatutorial #figmadesign #alignment #left #right #center Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to r...
Figma with #Designstart: What is grid and how to add it in #figma #figmatutorial #grid
Переглядів 217Рік тому
Part of the "Figma Basics" video series for beginners covering the layout grid section in Figma. Here you'll learn what is layout grid, the types of grids (grid, columns, rows) as well as how to set up and configure them. #figma #figmatutorial #figmadesign #layoutgrid #grid #columns #rows #webdesign Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/...
Figma with #Designstart: How to add GIF in Figma #figma #figmatutorial #gif
Переглядів 174Рік тому
Part of the "Figma Basics" video series for beginners covers the possibility of adding GIFs in Figma. Here you'll learn how to add and set up GIFs in your designs in Figma. #figma #figmatutorial #figmadesign #gif
Figma with #Designstart: How to align objects in #figma #figmatutorial #alignment
Переглядів 100Рік тому
Part of the "Figma Basics" video series for beginners covering alignment in Figma. Here you'll learn what alignment is and how to align objects with respect to each other and with respect to the frame they belong. #figma #figmatutorial #figmadesign #alignment #left #right #center Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to r...
Figma with #Designstart: What is boolean group (union) in Figma #figma #figmatutorial #boolean
Переглядів 292Рік тому
Part of the "Figma Basics" video series for beginners covering union features in Figma. Here you'll learn what is boolean groups (union, subtract, intersect, exclude), how to merge, subtract, and intersect two objects, as well as exclude one object from another one. #figma #figmatutorial #figmadesign #boolean #merge #subtraction #intersect #exclude
Figma with #Designstart: How to use mask feature in Figma #figma #figmatutorial #mask
Переглядів 1,2 тис.Рік тому
Part of the "Figma Basics" video series for beginners covering Mask feature in Figma. Here you'll learn what is mask and how to use it. #figma #figmatutorial #mask #figmadesign #shapeshifting Check out ready to use design system for your next design project: antforfigma.lemonsqueezy.com/?aff=49RPz Want to record professional go-through videos? Check out this tool: screenstudio.lemonsqueezy.com/...
Figma with #Designstart: How "clip content" works in Figma #figma #clip #figmadesign
Переглядів 20 тис.Рік тому
Part of the "Figma Basics" video series for beginners covering the clipping content feature in Figma. Here you'll learn how the "clip content" works. #figma #figmatutorial #figmadesign #settings #clipping #content #cute Transform your design workflow with the Ant Design System for Figma! This comprehensive toolkit is packed with hundreds of pre-made, adaptable components - all designed to make ...
Figma with #Designstart: How to use effects in Figma #figma #figmatutorial #effects
Переглядів 25Рік тому
Figma with #Designstart: How to use effects in Figma #figma #figmatutorial #effects
Figma with #Designstart: Tips&tricks - How to measure distances #figma #figmatutorial #measure
Переглядів 12 тис.Рік тому
Figma with #Designstart: Tips&tricks - How to measure distances #figma #figmatutorial #measure
Figma with #Designstart: How to use shadows in Figma #figma #figmatutorial #shadow
Переглядів 82Рік тому
Figma with #Designstart: How to use shadows in Figma #figma #figmatutorial #shadow
Figma with #Designstart: How to use images in Figma #figma #figmatutorial #images
Переглядів 25Рік тому
Figma with #Designstart: How to use images in Figma #figma #figmatutorial #images
Figma with #Designstart: What is Text and how to use it in Figma #figma #figmatutorial #text
Переглядів 69Рік тому
Figma with #Designstart: What is Text and how to use it in Figma #figma #figmatutorial #text
Figma with #Designstart: How strokes works in Figma #figma #figmatutorial #strokes
Переглядів 975Рік тому
Figma with #Designstart: How strokes works in Figma #figma #figmatutorial #strokes
Figma with #Designstart: What is Pen and how to use Pen in Figma #figma #figmatutorial #pen
Переглядів 221Рік тому
Figma with #Designstart: What is Pen and how to use Pen in Figma #figma #figmatutorial #pen
Figma with #Designstart: How fill settings work in Figma #figma #figmatutorial #filling
Переглядів 25Рік тому
Figma with #Designstart: How fill settings work in Figma #figma #figmatutorial #filling
Figma with #Designstart: What are shapes in Figma and how to use them #figma #figmatutorial #shapes
Переглядів 17Рік тому
Figma with #Designstart: What are shapes in Figma and how to use them #figma #figmatutorial #shapes
Figma with #Designstart: What is commenting and how it works in Figma #figma #comment #figmadesign
Переглядів 603Рік тому
Figma with #Designstart: What is commenting and how it works in Figma #figma #comment #figmadesign
Figma with #Designstart: How to share Figma files #figma #share #figmadesign
Переглядів 3,7 тис.Рік тому
Figma with #Designstart: How to share Figma files #figma #share #figmadesign
Figma with #Designstart: What is a layer and how to use it in Figma #figma #figmadesign #layer
Переглядів 76Рік тому
Figma with #Designstart: What is a layer and how to use it in Figma #figma #figmadesign #layer
Figma with #Designstart: What is a page and how to use it in Figma #figma #figmatutorial #page
Переглядів 160Рік тому
Figma with #Designstart: What is a page and how to use it in Figma #figma #figmatutorial #page
Figma with #Designstart: Basics of Figma UI - Part 2 #figma #figmatutorial #figmadesign
Переглядів 14Рік тому
Figma with #Designstart: Basics of Figma UI - Part 2 #figma #figmatutorial #figmadesign
Figma with #Designstart: Basics of Figma UI - Part 1 #figma #figmatutorial #figmadesign
Переглядів 30Рік тому
Figma with #Designstart: Basics of Figma UI - Part 1 #figma #figmatutorial #figmadesign

КОМЕНТАРІ

  • @aahiljunaidnext
    @aahiljunaidnext 12 днів тому

    now the alt thing is not working in windows,how to check the sizes,heights,spacing ! its so complicated

  • @ajamesmcdermott
    @ajamesmcdermott 26 днів тому

    Much appreciation for the help, thank you.

  • @TechImonBD
    @TechImonBD Місяць тому

    Thanks ❤

  • @MuzammilAbbas-ph4mr
    @MuzammilAbbas-ph4mr 2 місяці тому

    its not working on window after i press alt and then hower on object it simply duplicate the object can you please slove the problem?

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

      Sure, no worries. You need to select an object (by clicking on it once), then you need to press alt, then hover around, but you mustn't press your mouse (or touchpad) again. You move your pointer, but not clicking or holding your mouse, just hovering (while holding alt).

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

    billions of thanks

  • @Surya-1221
    @Surya-1221 2 місяці тому

    Thanks boss

  • @user-ty9kg5nk5x
    @user-ty9kg5nk5x 3 місяці тому

    Helpful Video

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

    how can you measure pixel distance between letters. eg the n of design and S of start in your figma file?

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

      You can only measure the distance between objects. So, if you have "Design" and "Start" written as two separate text blocks, you can measure the distance between them by clicking on one of those and pressing alt and hovering over another one. If "Design Start" is part of one text, it will be impossible.

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

    How do you change measuring units to inches?

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

      Unfortunately, it's impossible to do that in Figma by default. You may check some plugins that potentially may help you, but it will not be as easy as in the video

  • @wowcard.studio
    @wowcard.studio 6 місяців тому

    i alt+cmd on mac and the distances appear. but is there a way where i can permanently display them on the figma space after i let go of the keyboard keys?

    • @designstart1872
      @designstart1872 6 місяців тому

      Unfortunately, no. But, you can check some plugins that can do that. For instance, check "Reclines and Annotations" (it is the name of the plugin)

  • @jlcmarble8722
    @jlcmarble8722 10 місяців тому

    thank you

  • @gadgets424
    @gadgets424 10 місяців тому

    Please extension name

    • @designstart1872
      @designstart1872 10 місяців тому

      It's not extension. It is a build-in feature of Figma=)

  • @ihx7
    @ihx7 10 місяців тому

    hey is there any way to work just on a Frame to focus it or something like that to the point where I can't edit the stuff behind it or around it?

    • @designstart1872
      @designstart1872 10 місяців тому

      Not sure I completely get what you mean, but I'll try to explain. To make sure you work inside the frame, you need to make sure all objects you are working with are inside this frame. To do that, you need to check the layer manager (left sidebar) and make sure all objects are inside this frame. However, the frame is just another type of object in Figma, so it is possible to have a frame together with, for instance, a rectangle or text on the canvas, and in this case those latest objects will not be part of the frame. In the layer manager frame, the rectangle and text will be separate layers, and not nested inside each other.

  • @user-nr2yq3bg9i
    @user-nr2yq3bg9i 10 місяців тому

    suppose i have two rectangles coming out of a rectangular frame i want to clip them into that frame, i do it by clipping content but it still shows out of the frame, how do i fix this i dont get it

    • @designstart1872
      @designstart1872 10 місяців тому

      You need to make sure that those rectangles are inside the frame. Take a look at the layers manager in the right sidebar. Because, there is a chance that those rectangles are outside, therefore clipping content doesn't work

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

    nice 👍

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

    What happened with your video ?actually I want to know about the stroke size when we want to resize, it doesn't automatically changed its size.

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

      Hi! Thanks for noticing that, it seems there was some trouble with the video. However, it doesn't have an answer to your question. To scale stroke with the shape you need to use "scale" feature. To understand, how "scale" works, check this video ua-cam.com/video/gMK3CkvOYFk/v-deo.html&ab_channel=DesignStart

  • @user-db2qz4pz8y
    @user-db2qz4pz8y Рік тому

    Thank you🎉

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

    Hello, thanks for the video. Any ideas why measure may not work in some case? It just show distance to the borders despite Alt button pressed or Alt+Cmd.

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

      On Windows, you should use Alt, on MacOS you should use Option=) But what also should be taken into account is that if you have one element inside the frame you can measure only distances to the borders of the frame. If you have a group inside a frame, then you need to select an element inside the group, so you'll be able to measure distances from this element to frame borders and to other elements, otherwise, the group will be treated as one element and you'll measure everything from the group to frame's borders.

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

    Thanks. Well explained.

  • @Free--Soul
    @Free--Soul Рік тому

    great

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

    Thank you, i was losing my mind, so appreciate this small informative video!

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

    Nice tutorial! Keep it up! But the last part is a bit unfinished. You will do it better next time.

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

    Thanks! this was a livesaver, I was looking for a nice way to crop groups of shapes, turns out the clip content was what I needed :)

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

      Thank you for viewing=) Hopefully, there will be more videos that will help you even more=)

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

    Keep going, nice work! Slava Ukraini 💙💛

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

    Thank you so much