Figma / How to add stroke to only one side of an object

*This video is outdated: you can now add a stroke to one side by simply selecting "strokes per side" in the Stroke panel.*
No need to add lines to your designs, simply use a drop shadow without a blur to add a stroke to one side of an object.
Read more of my Figma tips on / www

Пікірлер: 7

  • @zevachseon
    @zevachseon2 жыл бұрын

    In 39 secs you solved something I was working on for 42 mins. Thank you!!

  • @FunnForRap
    @FunnForRap2 жыл бұрын

    This is cool, thanks Danny!

  • @milindkhadse556
    @milindkhadse5562 жыл бұрын

    Thank you, it's very helpful

  • @ubermac85
    @ubermac852 жыл бұрын

    Sad that it has to be done this way in such a robust tool. But the dropshadow hack is not uncommon even in live code. This is the same technique to get a thicker focus border without shifting the alignment of everything below it.

  • @micseaton
    @micseaton3 жыл бұрын

    This is cool! I was looking to do this in the stroke panel, so how does it render out for the code, a drop shadow? Are there any notes needed to be left for the dev's?

  • @ubermac85

    @ubermac85

    2 жыл бұрын

    Yes it would be a box-shadow. This is the same technique to get a thicker focus border without shifting the alignment of everything below it.

  • @albretrussell4860
    @albretrussell48602 жыл бұрын

    thansk