Creating a Style Guide with Adobe Xd - Tutorial

Поділитися
Вставка
  • Опубліковано 8 лют 2025

КОМЕНТАРІ • 48

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

    Quick, easy to understand, and very helpful! Thank you so much!

  • @iDacian
    @iDacian 4 роки тому +2

    Well, well, WELL.
    Did you somehow knew i need something like this or you have some kind of mind reading device.
    I just Started using style guides for my clients cause i found myself all over the place. Now with a style guides client and me have a proper scope of design to follow and don't fall for micro design changes.
    My style guides are a bit more in depth and design like you said Buttons, Shadows, form boxes, hover State and so much More. It usually take me 2-3h for a complete style guide design not including research.
    But the time i spend on styles guide's is soooo worth it for me and my clients.
    Awesome quick content video.
    Thank you.

  • @evykramer
    @evykramer 4 роки тому +2

    This is really great. Like you read my mind. Thank you.

  • @siddharthmenon3701
    @siddharthmenon3701 2 роки тому

    Thank you for keeping it simple!

  • @analysemarches576
    @analysemarches576 2 роки тому

    really awesome. great content thx a lot

  • @jeromekidman2763
    @jeromekidman2763 4 роки тому

    This is a nice simple way to create a style guide. Did not think to use Adobe XD for as well. Nice one

  • @CodeWithNiks101
    @CodeWithNiks101 4 роки тому +1

    Thanks for sharing this, It's useful for sure!

  • @rodanus7112
    @rodanus7112 4 роки тому

    Another day, another video! Keep it up 👏🏻

  • @hahuyenchi7159
    @hahuyenchi7159 4 роки тому

    Thank you so much. That's exactly what i need right now!!

  • @SnipeNScoreProductions
    @SnipeNScoreProductions 4 роки тому +3

    Awesome! I find this would be a lot easier than using other software because of the snapping of the shapes and such :)

  • @georginasekyi9074
    @georginasekyi9074 4 роки тому

    Great Video.Thanks for sharing

  • @MoritzFischer
    @MoritzFischer 4 роки тому

    So sime yet so useful. Thank you so much for this tutorial!

  • @JamesMuldrow
    @JamesMuldrow 3 роки тому

    Great video very helpful!

  • @MACH_SDQ
    @MACH_SDQ 4 роки тому

    Very useful !!!! good.

  • @aryanasdf3424
    @aryanasdf3424 4 роки тому

    Awesome Video Caler

  • @sethaaron510
    @sethaaron510 4 роки тому

    This is awesome!!! Thanks for creating this content!!!

  • @wensihu8356
    @wensihu8356 4 роки тому

    Useful, thanks for share!

  • @handlecannotbenull
    @handlecannotbenull 4 роки тому

    Great Video Man.

  • @devamchaudhari2347
    @devamchaudhari2347 4 роки тому

    Thank you 🙏🏻🙏🏻

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

    I learned so much from this! Thank you. Sub'd

  • @omaryassir5885
    @omaryassir5885 4 роки тому

    It's like u read my mind 🔥

  • @TenaciousDM
    @TenaciousDM 4 роки тому

    Is there a way to paste the full alphabet for fonts quickly? Rather than type it all out?

  • @michaeltretiak5950
    @michaeltretiak5950 4 роки тому +9

    When you're Jira task is "Update Style Guide" ... Caler: Hold my beer.
    Never thought about prototyping my style guide for my devs! Super good idea!
    I do find starting with typography being easier, then you can use it through your whole style guide.

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

    How to create a centered html page using a stylesheet? I have looked everywhere for a solution ...my attempts to center all failing

  • @MegaSHAKII
    @MegaSHAKII 4 роки тому

    How would we make the spacing section?

  • @12Jeshurun
    @12Jeshurun 4 роки тому

    Hello, thanks for your teaching. I have learned a lot so far. Where did you get the typography characters?

  • @victornzedu115
    @victornzedu115 4 роки тому +1

    wow, always wanted to know how to fix positions when scrolling. always something new form you. thanks Caler. 🥳❤️
    by the way can I get the codes for the dark theme swatches please?

    • @CalerEdwards
      @CalerEdwards  4 роки тому +1

      Yea thanks! From lightest to darkest: #7B7B7B, #626262, #505050, #222222 :D

    • @victornzedu115
      @victornzedu115 4 роки тому

      Caler Edwards thank youuu❤️

    • @MuzamilKhan-rl2sh
      @MuzamilKhan-rl2sh 4 роки тому

      Bro giving you a quick tip when you need any colors in the video just go and install quick color picker extension for chrome and get the color code Thanks me later

  • @chauhannikunj2531
    @chauhannikunj2531 4 роки тому

    🔥🔥🔥🔥

  • @abraiyan7984
    @abraiyan7984 4 роки тому

    Helvetica it's like Apple for fonts.

  • @Mufasakid
    @Mufasakid 4 роки тому

    Become a member link not working

    • @jodorgu8640
      @jodorgu8640 4 роки тому

      Same issue, seems like super chats and donations it only works in specific countries :-(

  • @icyater
    @icyater 4 роки тому

    Man! I just unsubscribed and subscribe myself again. I really appreciate for this video. Thank you!

  • @loro3865
    @loro3865 4 роки тому

    I couldn’t subscribe to the community