Skip to main content
S
susannew3875377
Participant
March 5, 2022
Answered

How to create a drop caps in Adobe XD?

  • March 5, 2022
  • 1 reply
  • 2044 views

Hi everyone, I'm looking for a way to create drop caps in Adobe XD. So I want the first letter of a paragraph to appear in larger formatting. Maybe someone can help. Thanks very much!

 

<Title renamed by moderator>

This topic has been closed for replies.
Correct answer AkinGn

Hi @susannew3875377 , I think designers do that in InDesign right, I've never created drop caps in XD but thinking how I'd do, I'd create a component with a paragraph that has that style and that way, using that component I'd be able to use that style and change it everywhere, I think this tutorial explains almost everything about text styling in XD: https://www.youtube.com/watch?v=nTUKj6Mjf80 Hope this helps! 

1 reply

AkinGn
Community Expert
AkinGnCommunity ExpertCorrect answer
Community Expert
March 5, 2022

Hi @susannew3875377 , I think designers do that in InDesign right, I've never created drop caps in XD but thinking how I'd do, I'd create a component with a paragraph that has that style and that way, using that component I'd be able to use that style and change it everywhere, I think this tutorial explains almost everything about text styling in XD: https://www.youtube.com/watch?v=nTUKj6Mjf80 Hope this helps! 

    S
    susannew3875377Author
    Participant
    March 6, 2022

    Hi AkinGn, I'm doing it with InDesign now too, it works fine. I'll take a look at the components as well. Thanks for the link, I'll take a look. Thanks very much

      AkinGn
      Community Expert
      AkinGnCommunity Expert
      Community Expert
      March 11, 2022

      Hi @susannew3875377, I tried to record a screencast (sorry there's no sound in this one) as you see I'm creating a component after editing the first character in XD and I convert it to a component by command-K (or ctrl-K) to be able to edit the styling of the drop cap in all of those elements, I tried also pasting a drop cap from InDesign and it's getting pasted but resizing it can be tricky, besides I don't recommend using drop caps in InDesign style while designing interfaces, since UI designs are needed to be coded and I don't think there's a practical way to reflect an exact look of a drop cap in Html/Css, so if you're going to use it for some visual design purposes I'd say it's fine, but if it's for a UI that's going to be coded, then I suggest creating a component like I did in XD for drop caps, hope this helps, happy designing! https://www.youtube.com/watch?v=dK3ChJNuLhM  

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices