{"id":22409,"date":"2024-12-04T10:19:51","date_gmt":"2024-12-04T18:19:51","guid":{"rendered":"http:\/\/jnack.com\/blog\/?p=22409"},"modified":"2025-02-21T00:20:22","modified_gmt":"2025-02-21T08:20:22","slug":"ive-shipped-my-first-feature-at-microsoft","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2024\/12\/04\/ive-shipped-my-first-feature-at-microsoft\/","title":{"rendered":"I&#8217;ve shipped my first feature at Microsoft!"},"content":{"rendered":"\n<p>What if your design tool could understand the <strong>meaning<\/strong> &amp; <strong>importance<\/strong> of words, then help you style them accordingly?<\/p>\n\n\n\n<p>I&#8217;m delighted to say that for what I believe is the first time ever, that&#8217;s now possible. For the last 40 years of design software, apps have of course provided all kinds of fonts, styles, and tools for manual typesetting. What they&#8217;ve lacked is an understanding of <em>what words actually mean<\/em>, and consequently of how they should be styled in order to map <em>visual emphasis<\/em> to <em>semantic importance<\/em>.<\/p>\n\n\n\n<p>In <a href=\"https:\/\/designer.microsoft.com\/\">Microsoft Designer<\/a>, you can now create a new text object, then apply hierarchical styling (primary, secondary, tertiary) based on AI analysis of word importance:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"494\" src=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-1024x494.jpg\" alt=\"\" class=\"wp-image-22410\" srcset=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-1024x494.jpg 1024w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-300x145.jpg 300w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-768x370.jpg 768w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-1536x741.jpg 1536w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/S1-2048x988.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"362\" src=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX-1024x362.jpg\" alt=\"\" class=\"wp-image-22414\" srcset=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX-1024x362.jpg 1024w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX-300x106.jpg 300w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX-768x272.jpg 768w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX-1536x543.jpg 1536w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/SX.jpg 1668w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>I&#8217;d love to hear what you think. You can go to <a href=\"https:\/\/designer.microsoft.com\/\">designer.microsoft.com<\/a>, create a new document, and add some text. Note: The feature hasn&#8217;t yet been rolled out to 100% of users, so it may not yet be available to you\u2014but even in that case it&#8217;d be great to hear your thoughts on Designer in general.<\/p>\n\n\n\n<p>This feature came about in response to noticing that text-to-image models are not only learning to spell well (check out some <a href=\"https:\/\/www.pinterest.com\/johnnack\/designer-inspiration\/generative-type\/\">examples I&#8217;ve gathered on Pinterest<\/a>), but can also set text with varied size, position, and styling that&#8217;s appropriate to the importance of each word. Check out some of <a href=\"https:\/\/ideogram.ai\/u\/jnack\/pinned\">my Ideogram creations<\/a> (which you can click on &amp; remix using the included prompts):<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ideogram.ai\/u\/jnack\/pinned\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"721\" src=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/Posters-1024x721.jpg\" alt=\"\" class=\"wp-image-22412\" srcset=\"http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/Posters-1024x721.jpg 1024w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/Posters-300x211.jpg 300w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/Posters-768x540.jpg 768w, http:\/\/jnack.com\/blog\/wp-content\/uploads\/2024\/12\/Posters.jpg 1188w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>These results of course incredible (imagine seeing any of this even three years ago!), but they&#8217;re just flat images, not editable text. Our new feature, by contrast, leverages semantic understanding and applies it to normal text objects.<\/p>\n\n\n\n<p>What we&#8217;ve shipped now is just the absolute tip of the iceberg: to start we&#8217;re simply applying preset values based on word hierarchy, but you can readily imagine richer layouts, smart adaptive styling, and much more. Stay tuned\u2014and let us know what you&#8217;d like to see!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What if your design tool could understand the meaning &amp; importance of words, then help you style them accordingly? I&#8217;m delighted to say that for what I believe is the first time ever, that&#8217;s now possible. For the last 40 years of design software, apps have of course provided all kinds of fonts, styles, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[66,76,9],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/22409"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=22409"}],"version-history":[{"count":4,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/22409\/revisions"}],"predecessor-version":[{"id":22417,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/22409\/revisions\/22417"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=22409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=22409"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=22409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}