{"id":7496,"date":"2024-04-01T16:15:25","date_gmt":"2024-04-01T14:15:25","guid":{"rendered":"https:\/\/relaunch.styleinc.eu\/wwdc-2024-forstaa-nye-funktioner-til-at-loefte-digitale-produkter\/"},"modified":"2025-11-28T15:06:44","modified_gmt":"2025-11-28T14:06:44","slug":"wwdc-2024-forstaa-nye-funktioner-til-at-loefte-digitale-produkter","status":"publish","type":"post","link":"https:\/\/styleinc.eu\/da\/wwdc-2024-forstaa-nye-funktioner-til-at-loefte-digitale-produkter\/","title":{"rendered":"WWDC 2024: Forst\u00e5 nye funktioner til at l\u00f8fte digitale produkter"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text module_class=&#8221;h3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||13px||false|false&#8221; custom_margin_tablet=&#8221;||0px||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>UI3: Fokus p\u00e5 designernes arbejde vs. gr\u00e6nsefladen<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||52px||false|false&#8221; custom_margin_tablet=&#8221;||29px||false|false&#8221; custom_margin_phone=&#8221;||29px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Med UI3, Figmas nye forbedrede editor-gr\u00e6nseflade, er det nye layout og v\u00e6rkt\u00f8jsplacering ikke dekorativt, men funktionelt. Det giver mere plads p\u00e5 l\u00e6rredet og tilpasser sig designernes forskellige behov. Ingen t\u00e6nker eller skaber p\u00e5 samme m\u00e5de, hvilket berettiger en fleksibel brugerflade i stedet for et format, der passer til alle. Med tilf\u00f8jelsen af paneler, der kan \u00e6ndres i st\u00f8rrelse, kan designere se, hvad der betyder noget for dem, og skjule oplysninger, n\u00e5r deres opgave er fuldf\u00f8rt. P\u00e5 samme m\u00e5de giver redesignet af panelegenskaberne et mere udviklerorienteret designworkflow. Det g\u00f8r det lettere at navngive og overf\u00f8re designkomponenter, n\u00e5r udviklere skifter til udviklingstilstand. UI3 giver brugerne et klart rum, hvor de kan slippe deres kreativitet helt l\u00f8s.      <\/p>\n<p>[\/et_pb_text][et_pb_text module_class=&#8221;h3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||13px||false|false&#8221; custom_margin_tablet=&#8221;||0px||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Ikke mere blank side-syndrom med Figma AI<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Ikke overraskende var kunstig intelligens i centrum under arrangementet. Denne tilf\u00f8jelse vil give mere plads til kreativitet i designernes arbejdsgang. De blev pr\u00e6senteret som to hovedfunktioner.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;|0px|30px||false|false&#8221; custom_padding_phone=&#8221;|0px|30px||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/styleinc.eu\/wp-content\/uploads\/2024\/08\/project-kl-creative.jpg&#8221; title_text=&#8221;projekt-kl-kreativ&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/styleinc.eu\/wp-content\/uploads\/2024\/08\/project-ap-stock-1.jpg&#8221; title_text=&#8221;projekt-ap-lager&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text module_class=&#8221;h3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||13px||false|false&#8221; custom_margin_tablet=&#8221;||0px||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Pr\u00e6sentationer er lige blevet bedre<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Mulighederne for at skabe pr\u00e6sentationer i Figma er ogs\u00e5 blevet forbedret. For store organisationer vil integrationen af skabeloner give mulighed for brandkonsistens p\u00e5 tv\u00e6rs af personer, der opretter pr\u00e6sentationer. Disse pr\u00e6sentationer kan ogs\u00e5 blive mere interaktive med tilf\u00f8jelsen af afstemninger og indlejrede prototyper. Tiden, hvor man skulle forlade pr\u00e6sentationen og \u00e5bne et nyt vindue for at vise en prototype, er nu forbi. Med Figma AI er det muligt at justere tonen i pr\u00e6sentationstekster for at sikre, at ideer forst\u00e5s klart. For produktejere og marketingstrateger bliver det lettere at finde de rigtige ord, mens det giver st\u00f8rre uafh\u00e6ngighed for designere.     <\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<ul>\n<li>Siden lanceringen har Figma gjort det muligt for designere at samarbejde problemfrit. I erkendelse af vigtigheden af at integrere udviklere i denne proces introducerede Figma Dev Mode i 2023 og lancerede for nylig Figma Connect. <\/li>\n<li>Funktionen &#8220;Ready for Dev View&#8221; har til form\u00e5l at forenkle kommunikationen mellem designere og udviklere ved at tillade statusopdateringer p\u00e5 mockups. Designere kan markere mockups som &#8220;klar til udvikling&#8221; og signalere til udviklere, hvilke sk\u00e6rmbilleder der er klar til implementering. N\u00e5r de er f\u00e6rdige, kan udviklerne \u00e6ndre status til &#8220;f\u00e6rdig&#8221;, hvilket giver designerne besked og effektivt lukker udviklingssl\u00f8jfen.  <\/li>\n<li>Code Connect har til form\u00e5l at forbedre anvendelsen af designsystemet ved at g\u00f8re koden mere tilg\u00e6ngelig og nyttig for udviklere. Ved at tillade tilpasning af kodestykker i Dev Mode kan udviklere se den faktiske designsystemkode i stedet for automatisk genereret CSS, hvilket f\u00f8rer til hurtigere og mere effektiv udvikling. <\/li>\n<li>Designere over hele verden, der bruger Figma, var godt hjulpet af Config 2024. Uanset om de bruger UI3 eller Figma AI, vil disse nye \u00e6ndringer have en positiv indvirkning p\u00e5 deres arbejdsgang. Med disse opgraderinger vil fokus v\u00e6re p\u00e5 det, der virkelig betyder noget for dem: design.  <\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;|0px|30px||false|false&#8221; custom_padding_phone=&#8221;|0px|30px||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/styleinc.eu\/wp-content\/uploads\/2024\/07\/project-cap-partner.jpg&#8221; title_text=&#8221;projekt-cap-partner&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding_tablet=&#8221;||30px||false|false&#8221; custom_padding_phone=&#8221;||30px||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/styleinc.eu\/wp-content\/uploads\/2024\/07\/project-bos-antenna.jpg&#8221; title_text=&#8221;projekt-bos-antenne&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/styleinc.eu\/wp-content\/uploads\/2024\/08\/project-katya-kraus.jpg&#8221; title_text=&#8221;projekt-katya-kraus&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text module_class=&#8221;h3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||13px||false|false&#8221; custom_margin_tablet=&#8221;||0px||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Prikken over i&#8217;et i Figma AI er funktionen &#8220;Stay in the Flow&#8221;.<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Det eliminerer behovet for at s\u00f8ge efter tekst til at erstatte lorem ipsum i wireframes. Med dette v\u00e6rkt\u00f8j og kontekstuelle oplysninger er det muligt at erstatte tekstligt eller visuelt indhold og \u00e6ndre sprog direkte i Figma. Denne funktionalitet g\u00e5r ud over designdelen og kan endda omd\u00f8be lag. Med Figma AI kan hver time, der bruges p\u00e5 et projekt, bruges p\u00e5 design.   <\/p>\n<p>Funktionen &#8220;Ready for Dev View&#8221; har til form\u00e5l at forenkle kommunikationen mellem designere og udviklere ved at tillade statusopdateringer p\u00e5 mockups. Designere kan markere mockups som &#8220;klar til udvikling&#8221; og signalere til udviklere, hvilke sk\u00e6rmbilleder der er klar til implementering. N\u00e5r de er f\u00e6rdige, kan udviklerne \u00e6ndre status til &#8220;f\u00e6rdig&#8221;, hvilket giver designerne besked og effektivt lukker udviklingssl\u00f8jfen.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||on||||||&#8221; background_color=&#8221;#F5F0EB&#8221; custom_margin=&#8221;||52px||false|false&#8221; custom_margin_tablet=&#8221;||34px||false|false&#8221; custom_margin_phone=&#8221;||34px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;45px|50px|45px|50px|true|true&#8221; custom_padding_tablet=&#8221;25px|30px|25px|30px|true|true&#8221; custom_padding_phone=&#8221;25px|30px|25px|30px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; border_width_left=&#8221;3px&#8221; border_color_left=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Funktionen &#8220;Ready for Dev View&#8221; har til form\u00e5l at forenkle kommunikationen mellem designere og udviklere ved at tillade statusopdateringer p\u00e5 mockups. Designere kan markere mockups som &#8220;klar til udvikling&#8221; og signalere til udviklere, hvilke sk\u00e6rmbilleder der er klar til implementering. N\u00e5r de er f\u00e6rdige, kan udviklerne \u00e6ndre status til &#8220;f\u00e6rdig&#8221;, hvilket giver designerne besked og effektivt lukker udviklingssl\u00f8jfen.  <\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Mulighederne for at skabe pr\u00e6sentationer i Figma er ogs\u00e5 blevet forbedret. For store organisationer vil integrationen af skabeloner give mulighed for brandkonsistens p\u00e5 tv\u00e6rs af personer, der opretter pr\u00e6sentationer. Disse pr\u00e6sentationer kan ogs\u00e5 blive mere interaktive med tilf\u00f8jelsen af afstemninger og indlejrede prototyper. Tiden, hvor man skulle forlade pr\u00e6sentationen og \u00e5bne et nyt vindue for at vise en prototype, er nu forbi. Med Figma AI er det muligt at justere tonen i pr\u00e6sentationstekster for at sikre, at ideer forst\u00e5s klart. For produktejere og marketingstrateger bliver det lettere at finde de rigtige ord, mens det giver st\u00f8rre uafh\u00e6ngighed for designere.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I \u00e5renes l\u00f8b er Figma blevet det prim\u00e6re arbejdsredskab for de fleste digitale produktdesignere. Dens store annonceringsbegivenhed (svarende til Apples WWDC eller Google I\/O) var meget ventet i designsamfundet, is\u00e6r med hensyn til opdateringer af flere funktioner. Ikke overraskende annoncerede Figma endnu mere end forventet.  <\/p>\n","protected":false},"author":1,"featured_media":6012,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[46],"tags":[],"class_list":["post-7496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ny-udgivelse"],"acf":[],"_links":{"self":[{"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/posts\/7496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/comments?post=7496"}],"version-history":[{"count":2,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/posts\/7496\/revisions"}],"predecessor-version":[{"id":7499,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/posts\/7496\/revisions\/7499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/media\/6012"}],"wp:attachment":[{"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/media?parent=7496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/categories?post=7496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/styleinc.eu\/da\/wp-json\/wp\/v2\/tags?post=7496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}