Creating a Style Guide with Adobe Xd - Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 48

  • @joanneenglish7714
    @joanneenglish7714 11 หลายเดือนก่อน

    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.

    • @CalerEdwards
      @CalerEdwards  4 ปีที่แล้ว

      Mind reading for sure lol

  • @analysemarches576
    @analysemarches576 2 ปีที่แล้ว

    really awesome. great content thx a lot

  • @evykramer
    @evykramer 4 ปีที่แล้ว +2

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

  • @siddharthmenon3701
    @siddharthmenon3701 2 ปีที่แล้ว

    Thank you for keeping it simple!

  • @catemulligan7490
    @catemulligan7490 11 หลายเดือนก่อน

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

  • @TenaciousDM
    @TenaciousDM 4 ปีที่แล้ว

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

  • @MegaSHAKII
    @MegaSHAKII 4 ปีที่แล้ว

    How would we make the spacing section?

  • @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

  • @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!

    • @CalerEdwards
      @CalerEdwards  4 ปีที่แล้ว +1

      Glad it was helpful :D

  • @JamesMuldrow
    @JamesMuldrow 3 ปีที่แล้ว

    Great video very helpful!

  • @12Jeshurun
    @12Jeshurun 4 ปีที่แล้ว

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

  • @aryanasdf3424
    @aryanasdf3424 4 ปีที่แล้ว

    Awesome Video Caler

  • @MACH_SDQ
    @MACH_SDQ 4 ปีที่แล้ว

    Very useful !!!! good.

  • @wensihu8356
    @wensihu8356 4 ปีที่แล้ว

    Useful, thanks for share!

  • @samueljlarson
    @samueljlarson ปีที่แล้ว

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

  • @MoritzFischer
    @MoritzFischer 4 ปีที่แล้ว

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

  • @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!!

  • @issueBucks
    @issueBucks 4 ปีที่แล้ว

    Great Video Man.

  • @sethaaron510
    @sethaaron510 4 ปีที่แล้ว

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

  • @devamchaudhari2347
    @devamchaudhari2347 4 ปีที่แล้ว

    Thank you 🙏🏻🙏🏻

  • @omaryassir5885
    @omaryassir5885 4 ปีที่แล้ว

    It's like u read my mind 🔥

  • @abraiyan7984
    @abraiyan7984 4 ปีที่แล้ว

    Helvetica it's like Apple for fonts.

  • @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.

    • @CalerEdwards
      @CalerEdwards  4 ปีที่แล้ว

      haha, glad you like it :D

  • @evandaniyel9388
    @evandaniyel9388 4 ปีที่แล้ว

    Become a member link not working

    • @jodorgu8640
      @jodorgu8640 4 ปีที่แล้ว

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

  • @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 ปีที่แล้ว

    🔥🔥🔥🔥

  • @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