WEBVTT

1
00:00:02.025 --> 00:00:02.605
<00:00:02.025>Hi <00:00:02.547>everyone.

2
00:00:02.745 --> 00:00:04.765
<00:00:02.745>My <00:00:02.978>name <00:00:03.211>is <00:00:03.445>Kran, <00:00:03.678>I'm <00:00:03.911>from <00:00:04.145>Lofi,

3
00:00:04.985 --> 00:00:06.365
<00:00:04.985>and <00:00:05.140>today <00:00:05.295>I <00:00:05.450>want <00:00:05.606>to <00:00:05.761>talk <00:00:05.916>to <00:00:06.071>you <00:00:06.227>about

4
00:00:06.465 --> 00:00:09.165
<00:00:06.465>how <00:00:06.665>we <00:00:06.865>can <00:00:07.064>actually <00:00:07.265>conquer <00:00:07.465>front-end <00:00:07.665>development <00:00:07.865>challenges

5
00:00:09.195 --> 00:00:10.405
<00:00:09.195>with <00:00:09.739>Lofi <00:00:10.283>Lightning.

6
00:00:11.105 --> 00:00:13.205
<00:00:11.105>Now, <00:00:11.305>the <00:00:11.505>start <00:00:11.705>of <00:00:11.905>every <00:00:12.105>project <00:00:12.305>is <00:00:12.505>great.

7
00:00:13.295 --> 00:00:14.325
<00:00:13.295>We're <00:00:13.604>brim <00:00:13.913>with <00:00:14.222>ideas.

8
00:00:14.465 --> 00:00:16.405
<00:00:14.465>We <00:00:14.605>want <00:00:14.745>to <00:00:14.885>take <00:00:15.025>our <00:00:15.165>designs, <00:00:15.305>we <00:00:15.445>wanna <00:00:15.584>take <00:00:15.725>our <00:00:15.865>ideas

9
00:00:16.425 --> 00:00:18.325
<00:00:16.425>and <00:00:16.600>put <00:00:16.775>that <00:00:16.950>in <00:00:17.125>the <00:00:17.300>hands <00:00:17.475>of <00:00:17.650>our <00:00:17.825>customers

10
00:00:18.735 --> 00:00:20.085
<00:00:18.735>right <00:00:19.038>from <00:00:19.342>the <00:00:19.646>beginning, <00:00:19.950>right?

11
00:00:20.265 --> 00:00:23.765
<00:00:20.265>So <00:00:20.405>we <00:00:20.545>start <00:00:20.685>with <00:00:20.825>a <00:00:20.965>wire <00:00:21.105>frame, <00:00:21.245>uh, <00:00:21.385>we're <00:00:21.525>finally <00:00:21.665>seeing

12
00:00:23.765 --> 00:00:27.925
<00:00:23.765>and <00:00:23.920>where <00:00:24.076>we're <00:00:24.231>visualizing <00:00:24.387>our <00:00:24.542>ideas, <00:00:24.698>uh, <00:00:24.853>in, <00:00:25.009>in <00:00:25.165>uh,

13
00:00:27.925 --> 00:00:30.845
<00:00:27.925>visual <00:00:28.080>terms, <00:00:28.236>we <00:00:28.391>add <00:00:28.547>some <00:00:28.702>tweaks, <00:00:28.858>we <00:00:29.013>make <00:00:29.169>some <00:00:29.325>changes,

14
00:00:31.225 --> 00:00:32.525
<00:00:31.225>and <00:00:31.459>we <00:00:31.693>finally <00:00:31.927>have <00:00:32.161>a <00:00:32.394>mockup.

15
00:00:32.675 --> 00:00:34.005
<00:00:32.674>This <00:00:32.846>is <00:00:33.016>where <00:00:33.188>you <00:00:33.359>start <00:00:33.530>with <00:00:33.701>your <00:00:33.872>design

16
00:00:34.505 --> 00:00:36.365
<00:00:34.505>and <00:00:34.785>then <00:00:35.065>start <00:00:35.345>the <00:00:35.625>tedious <00:00:35.905>process

17
00:00:36.625 --> 00:00:39.925
<00:00:36.625>of <00:00:36.858>converting <00:00:37.091>your <00:00:37.325>designs <00:00:37.558>into <00:00:37.791>code <00:00:38.025>back

18
00:00:39.925 --> 00:00:41.085
<00:00:39.925>and <00:00:40.272>forth <00:00:40.621>between <00:00:40.969>designers

19
00:00:41.085 --> 00:00:43.565
<00:00:41.085>and <00:00:41.260>developers <00:00:41.435>till <00:00:41.610>you <00:00:41.785>get <00:00:41.960>that <00:00:42.135>pixel <00:00:42.310>perfect <00:00:42.485>match.

20
00:00:44.345 --> 00:00:46.205
<00:00:44.345>But <00:00:44.578>that's <00:00:44.811>not <00:00:45.045>what <00:00:45.278>normally <00:00:45.511>happens, <00:00:45.745>right?

21
00:00:46.515 --> 00:00:50.165
<00:00:46.515>Your <00:00:46.690>final <00:00:46.865>end <00:00:47.040>product <00:00:47.215>doesn't <00:00:47.390>necessarily <00:00:47.565>always <00:00:47.740>look <00:00:47.915>like

22
00:00:50.165 --> 00:00:52.645
<00:00:50.165>the <00:00:50.305>actual <00:00:50.445>initial <00:00:50.585>design <00:00:50.725>that <00:00:50.865>you <00:00:51.004>wanted <00:00:51.144>to <00:00:51.285>come <00:00:51.425>up <00:00:51.565>with.

23
00:00:52.825 --> 00:00:54.605
<00:00:52.825>And <00:00:53.025>this <00:00:53.225>is <00:00:53.425>a <00:00:53.625>problem <00:00:53.825>we've <00:00:54.025>all <00:00:54.225>faced.

24
00:00:56.035 --> 00:00:58.525
<00:00:56.035>What <00:00:56.190>happens <00:00:56.346>then <00:00:56.501>is <00:00:56.657>everyone <00:00:56.812>wants <00:00:56.968>to <00:00:57.123>kill <00:00:57.279>each <00:00:57.434>other.

25
00:00:58.745 --> 00:01:00.245
<00:00:58.745>The <00:00:59.082>designers <00:00:59.419>blame <00:00:59.757>the <00:01:00.095>developers,

26
00:01:00.245 --> 00:01:01.685
<00:01:00.245>the <00:01:00.568>developers <00:01:00.893>blame <00:01:01.217>the <00:01:01.541>designers,

27
00:01:01.865 --> 00:01:02.885
<00:01:01.865>and <00:01:02.048>that's <00:01:02.232>where <00:01:02.415>we <00:01:02.599>end <00:01:02.783>up.

28
00:01:03.215 --> 00:01:05.965
<00:01:03.215>We've <00:01:03.355>been <00:01:03.495>building <00:01:03.635>web <00:01:03.775>apps <00:01:03.915>for <00:01:04.055>so <00:01:04.195>long <00:01:04.335>that <00:01:04.475>there <00:01:04.615>has

29
00:01:05.965 --> 00:01:08.405
<00:01:05.965>to <00:01:06.140>be <00:01:06.315>a <00:01:06.490>better <00:01:06.665>way <00:01:06.840>to <00:01:07.015>manage <00:01:07.190>this <00:01:07.365>handoff,

30
00:01:08.705 --> 00:01:10.885
<00:01:08.705>and <00:01:08.938>that's <00:01:09.171>where <00:01:09.405>Lofi <00:01:09.638>Lightning <00:01:09.871>comes <00:01:10.105>in.

31
00:01:11.795 --> 00:01:14.885
<00:01:11.795>What <00:01:11.935>we <00:01:12.075>do <00:01:12.215>is <00:01:12.355>we <00:01:12.495>have <00:01:12.635>inserted <00:01:12.775>ourselves <00:01:12.915>into <00:01:13.055>the <00:01:13.195>workflow

32
00:01:15.045 --> 00:01:16.365
<00:01:15.045>between <00:01:15.441>design <00:01:15.837>and <00:01:16.232>development,

33
00:01:16.535 --> 00:01:19.645
<00:01:16.535>where <00:01:16.675>you <00:01:16.815>can <00:01:16.955>use <00:01:17.095>your <00:01:17.235>own <00:01:17.375>design <00:01:17.515>tools, <00:01:17.655>Figma, <00:01:17.795>Adobe <00:01:17.935>xd,

34
00:01:19.745 --> 00:01:22.045
<00:01:19.745>either <00:01:19.978>use <00:01:20.211>UI <00:01:20.445>libraries <00:01:20.678>that <00:01:20.911>already <00:01:21.145>exist

35
00:01:22.265 --> 00:01:25.245
<00:01:22.265>or <00:01:22.498>import <00:01:22.731>your <00:01:22.965>own <00:01:23.198>custom <00:01:23.431>components, <00:01:23.665>convert

36
00:01:25.245 --> 00:01:28.445
<00:01:25.245>that <00:01:25.420>using <00:01:25.595>different <00:01:25.770>frameworks <00:01:25.945>from <00:01:26.120>React <00:01:26.295>Gatsby <00:01:26.470>next <00:01:26.645>years

37
00:01:28.745 --> 00:01:29.765
<00:01:28.745>and <00:01:29.051>push <00:01:29.357>that <00:01:29.663>code

38
00:01:29.945 --> 00:01:33.285
<00:01:29.945>to <00:01:30.145>your <00:01:30.345>developer <00:01:30.544>workflows <00:01:30.744>using <00:01:30.945>VS <00:01:31.145>code <00:01:31.345>GitHub

39
00:01:33.465 --> 00:01:36.045
<00:01:33.465>or <00:01:33.620>push <00:01:33.776>it <00:01:33.931>back <00:01:34.087>to <00:01:34.242>your <00:01:34.398>design <00:01:34.553>system <00:01:34.709>using <00:01:34.865>storybook.

40
00:01:36.665 --> 00:01:38.445
<00:01:36.664>So <00:01:36.898>let's <00:01:37.131>actually <00:01:37.365>see <00:01:37.598>this <00:01:37.831>in <00:01:38.065>action.

41
00:01:38.825 --> 00:01:40.685
<00:01:38.825>So <00:01:39.058>we <00:01:39.291>are <00:01:39.525>a <00:01:39.758>plugin <00:01:39.991>within <00:01:40.225>Figma.

42
00:01:41.025 --> 00:01:42.205
<00:01:41.025>You <00:01:41.290>can <00:01:41.556>open <00:01:41.821>our <00:01:42.087>plugin,

43
00:01:42.385 --> 00:01:44.245
<00:01:42.384>select <00:01:42.618>your <00:01:42.851>design, <00:01:43.085>and <00:01:43.318>then <00:01:43.551>just <00:01:43.785>click.

44
00:01:44.255 --> 00:01:47.245
<00:01:44.255>Let's <00:01:44.395>go. <00:01:44.535>So <00:01:44.675>what's <00:01:44.815>happening <00:01:44.955>right <00:01:45.095>now <00:01:45.235>in <00:01:45.375>the <00:01:45.515>background <00:01:45.655>is

45
00:01:47.245 --> 00:01:50.485
<00:01:47.245>our <00:01:47.420>large <00:01:47.595>design <00:01:47.770>model <00:01:47.945>is <00:01:48.120>actually <00:01:48.295>scanning <00:01:48.470>your <00:01:48.645>design

46
00:01:51.105 --> 00:01:53.685
<00:01:51.104>and <00:01:51.304>optimizing <00:01:51.505>it <00:01:51.704>and <00:01:51.904>converting <00:01:52.104>it <00:01:52.304>into <00:01:52.505>code.

47
00:01:53.985 --> 00:01:56.085
<00:01:53.985>So <00:01:54.140>the <00:01:54.296>result <00:01:54.451>that <00:01:54.607>you <00:01:54.762>actually <00:01:54.918>see <00:01:55.073>is <00:01:55.229>the <00:01:55.385>preview

48
00:01:56.355 --> 00:01:57.405
<00:01:56.354>that <00:01:56.669>is <00:01:56.985>being <00:01:57.300>powered

49
00:01:57.425 --> 00:01:58.965
<00:01:57.425>by <00:01:57.598>the <00:01:57.771>code <00:01:57.944>that <00:01:58.118>you <00:01:58.291>see <00:01:58.464>at <00:01:58.637>the <00:01:58.811>bottom.

50
00:01:59.545 --> 00:02:03.005
<00:01:59.545>We <00:01:59.720>also <00:01:59.895>make <00:02:00.070>the <00:02:00.245>entire <00:02:00.420>code <00:02:00.595>re <00:02:00.770>uh, <00:02:00.945>interactive.

51
00:02:03.225 --> 00:02:04.405
<00:02:03.225>So <00:02:03.579>the <00:02:03.933>actual <00:02:04.287>input

52
00:02:04.405 --> 00:02:06.725
<00:02:04.405>that <00:02:04.580>you <00:02:04.755>see <00:02:04.930>has <00:02:05.105>become <00:02:05.280>an <00:02:05.455>auto <00:02:05.630>complete <00:02:05.805>automatically.

53
00:02:07.265 --> 00:02:09.965
<00:02:07.265>In <00:02:07.465>addition, <00:02:07.665>we <00:02:07.865>can <00:02:08.065>also <00:02:08.264>create <00:02:08.465>code <00:02:08.664>components.

54
00:02:10.465 --> 00:02:13.165
<00:02:10.465>So <00:02:10.620>as <00:02:10.776>you <00:02:10.931>can <00:02:11.087>see, <00:02:11.242>these <00:02:11.398>hotel <00:02:11.553>cards <00:02:11.709>are <00:02:11.865>actually

55
00:02:13.165 --> 00:02:14.405
<00:02:13.165>components <00:02:13.388>that <00:02:13.611>you <00:02:13.834>want <00:02:14.057>to <00:02:14.281>create.

56
00:02:15.105 --> 00:02:17.805
<00:02:15.105>We <00:02:15.338>create <00:02:15.571>the <00:02:15.804>props <00:02:16.038>for <00:02:16.271>it <00:02:16.505>also,

57
00:02:19.705 --> 00:02:22.125
<00:02:19.704>and <00:02:19.880>it <00:02:20.054>also <00:02:20.230>has <00:02:20.404>detected <00:02:20.579>all <00:02:20.755>the <00:02:20.929>instances <00:02:21.105>here.

58
00:02:22.665 --> 00:02:23.965
<00:02:22.665>Now, <00:02:22.899>the <00:02:23.133>AI <00:02:23.367>is <00:02:23.601>not <00:02:23.835>perfect.

59
00:02:24.095 --> 00:02:25.605
<00:02:24.095>There <00:02:24.321>are <00:02:24.548>always <00:02:24.774>gonna <00:02:25.001>be <00:02:25.227>some <00:02:25.453>mistakes,

60
00:02:25.905 --> 00:02:26.965
<00:02:25.905>but <00:02:26.382>every <00:02:26.859>decision

61
00:02:26.965 --> 00:02:29.285
<00:02:26.965>that <00:02:27.165>the <00:02:27.365>AI <00:02:27.565>makes <00:02:27.765>can <00:02:27.965>actually <00:02:28.165>be <00:02:28.365>corrected

62
00:02:29.365 --> 00:02:31.605
<00:02:29.365>by <00:02:29.565>the <00:02:29.765>user <00:02:29.965>giving <00:02:30.165>you <00:02:30.365>full <00:02:30.565>control <00:02:30.765>of

63
00:02:31.635 --> 00:02:34.205
<00:02:31.635>what <00:02:31.762>the <00:02:31.889>actual <00:02:32.016>code <00:02:32.144>looks <00:02:32.271>like <00:02:32.398>at <00:02:32.525>the <00:02:32.653>end <00:02:32.780>of <00:02:32.907>the <00:02:33.035>day.

64
00:02:34.785 --> 00:02:35.805
<00:02:34.785>So <00:02:35.091>once <00:02:35.397>you're <00:02:35.703>done

65
00:02:35.985 --> 00:02:37.965
<00:02:35.985>and <00:02:36.185>ma <00:02:36.385>done <00:02:36.585>with <00:02:36.785>making <00:02:36.985>all <00:02:37.185>your <00:02:37.385>changes,

66
00:02:38.585 --> 00:02:41.005
<00:02:38.585>you <00:02:38.785>can <00:02:38.985>then <00:02:39.185>simply <00:02:39.385>export <00:02:39.585>this <00:02:39.785>code <00:02:39.985>into,

67
00:02:41.345 --> 00:02:42.525
<00:02:41.345>uh, <00:02:41.876>your <00:02:42.407>workflow.

68
00:02:45.145 --> 00:02:46.885
<00:02:45.145>The <00:02:45.425>end <00:02:45.705>result <00:02:45.985>is <00:02:46.265>everyone's <00:02:46.545>happy

69
00:02:46.885 --> 00:02:49.085
<00:02:46.885>because <00:02:47.084>the <00:02:47.285>designer's <00:02:47.484>vision <00:02:47.685>has <00:02:47.885>come <00:02:48.084>to <00:02:48.285>life.

70
00:02:49.085 --> 00:02:50.365
<00:02:49.085>Your <00:02:49.373>product <00:02:49.661>manager <00:02:49.949>is <00:02:50.237>happy

71
00:02:50.365 --> 00:02:52.565
<00:02:50.365>because <00:02:50.505>that's <00:02:50.645>exactly <00:02:50.785>what <00:02:50.925>they <00:02:51.065>wanted <00:02:51.205>to <00:02:51.345>put <00:02:51.485>in <00:02:51.625>the <00:02:51.765>hands

72
00:02:52.565 --> 00:02:54.925
<00:02:52.565>of <00:02:52.720>the <00:02:52.876>users, <00:02:53.031>and <00:02:53.187>that's <00:02:53.342>where <00:02:53.498>we <00:02:53.653>can <00:02:53.809>go <00:02:53.965>from.

73
00:02:55.425 --> 00:02:57.925
<00:02:55.425>So <00:02:55.600>one <00:02:55.775>question <00:02:55.950>that <00:02:56.125>comes <00:02:56.300>up <00:02:56.475>quite <00:02:56.650>often <00:02:56.825>is,

74
00:02:57.985 --> 00:03:00.885
<00:02:57.985>why <00:02:58.125>don't <00:02:58.265>we <00:02:58.405>just <00:02:58.545>use <00:02:58.685>generative <00:02:58.825>AI <00:02:58.965>LLMs <00:02:59.105>to <00:02:59.245>do <00:02:59.385>this?

75
00:03:01.225 --> 00:03:02.725
<00:03:01.225>And <00:03:01.417>we <00:03:01.610>put <00:03:01.803>that <00:03:01.996>to <00:03:02.189>the <00:03:02.382>test, <00:03:02.575>right?

76
00:03:03.185 --> 00:03:05.005
<00:03:03.185>So <00:03:03.418>we <00:03:03.651>asked <00:03:03.885>Gemini <00:03:04.118>if <00:03:04.351>it <00:03:04.585>could

77
00:03:05.005 --> 00:03:06.285
<00:03:05.005>convert <00:03:05.293>this <00:03:05.581>design <00:03:05.869>into <00:03:06.156>code.

78
00:03:06.905 --> 00:03:08.045
<00:03:06.905>No <00:03:07.247>code <00:03:07.589>was <00:03:07.930>generated.

79
00:03:08.705 --> 00:03:11.205
<00:03:08.705>The <00:03:08.938>same <00:03:09.171>thing <00:03:09.405>happened <00:03:09.638>with <00:03:09.871>Claude <00:03:10.105>Chat.

80
00:03:11.325 --> 00:03:13.965
<00:03:11.325>G <00:03:11.464>PT <00:03:11.605>on <00:03:11.744>the <00:03:11.885>other <00:03:12.024>hand, <00:03:12.165>was <00:03:12.304>able <00:03:12.445>to <00:03:12.584>create <00:03:12.725>something,

81
00:03:14.505 --> 00:03:16.645
<00:03:14.505>but <00:03:14.704>that <00:03:14.905>design <00:03:15.105>did <00:03:15.305>not <00:03:15.505>look <00:03:15.704>anywhere <00:03:15.905>close

82
00:03:16.645 --> 00:03:18.325
<00:03:16.645>to <00:03:16.878>the <00:03:17.111>original <00:03:17.345>design <00:03:17.578>that <00:03:17.811>we <00:03:18.045>had.

83
00:03:19.345 --> 00:03:22.965
<00:03:19.345>And <00:03:19.484>finally, <00:03:19.625>lofi <00:03:19.765>when <00:03:19.905>given <00:03:20.045>with <00:03:20.185>the <00:03:20.325>same <00:03:20.465>problem, <00:03:20.605>was <00:03:20.745>able

84
00:03:22.965 --> 00:03:25.045
<00:03:22.965>to <00:03:23.198>generate <00:03:23.431>pixel <00:03:23.665>perfect <00:03:23.898>code <00:03:24.131>as <00:03:24.365>well

85
00:03:25.045 --> 00:03:28.325
<00:03:25.045>as <00:03:25.220>almost <00:03:25.395>production <00:03:25.570>ready <00:03:25.745>code <00:03:25.920>that <00:03:26.095>was <00:03:26.270>powering <00:03:26.445>it.

86
00:03:29.535 --> 00:03:30.755
<00:03:29.535>So <00:03:29.754>why <00:03:29.974>does <00:03:30.193>this <00:03:30.413>actually <00:03:30.632>happen?

87
00:03:30.975 --> 00:03:33.515
<00:03:30.975>So <00:03:31.114>if <00:03:31.255>you <00:03:31.394>think <00:03:31.535>about <00:03:31.674>it, <00:03:31.815>LLMs <00:03:31.954>have <00:03:32.095>been <00:03:32.234>trained <00:03:32.375>on

88
00:03:33.795 --> 00:03:35.395
<00:03:33.795>articles <00:03:34.495>on <00:03:35.195>text.

89
00:03:35.665 --> 00:03:38.275
<00:03:35.665>They <00:03:35.864>don't <00:03:36.065>necessarily <00:03:36.265>understand <00:03:36.465>designs <00:03:36.665>which <00:03:36.864>are <00:03:37.065>made

90
00:03:38.275 --> 00:03:40.675
<00:03:38.275>more <00:03:38.625>of <00:03:38.975>shapes, <00:03:39.325>vector <00:03:39.675>symbols.

91
00:03:40.935 --> 00:03:43.235
<00:03:40.935>For <00:03:41.168>example, <00:03:41.401>a <00:03:41.635>hot <00:03:41.868>icon, <00:03:42.101>which <00:03:42.335>is,

92
00:03:43.735 --> 00:03:45.515
<00:03:43.735>can <00:03:43.935>have <00:03:44.135>any <00:03:44.335>meaning <00:03:44.535>in <00:03:44.735>a <00:03:44.935>general <00:03:45.135>image,

93
00:03:45.705 --> 00:03:46.955
<00:03:45.704>doesn't <00:03:45.986>necessarily <00:03:46.267>mean <00:03:46.548>the <00:03:46.829>same

94
00:03:46.955 --> 00:03:48.115
<00:03:46.954>thing <00:03:47.163>when <00:03:47.372>used <00:03:47.581>in <00:03:47.790>a <00:03:47.999>design.

95
00:03:48.975 --> 00:03:51.555
<00:03:48.975>So <00:03:49.174>in <00:03:49.375>a <00:03:49.575>nutshell, <00:03:49.775>our <00:03:49.975>one <00:03:50.174>click <00:03:50.375>technology

96
00:03:51.555 --> 00:03:53.755
<00:03:51.555>that <00:03:51.788>converts <00:03:52.021>design <00:03:52.255>to <00:03:52.488>code <00:03:52.721>is <00:03:52.955>powered

97
00:03:53.755 --> 00:03:57.155
<00:03:53.755>by <00:03:53.910>our <00:03:54.066>proprietary <00:03:54.221>large <00:03:54.377>design <00:03:54.532>models <00:03:54.688>where <00:03:54.843>we <00:03:54.999>go <00:03:55.155>in

98
00:03:57.715 --> 00:04:00.755
<00:03:57.715>optimize <00:03:57.915>your <00:03:58.115>design, <00:03:58.315>remove <00:03:58.515>redundancies, <00:03:58.715>remove <00:03:58.915>the <00:03:59.115>uh,

99
00:04:00.755 --> 00:04:02.235
<00:04:00.755>the <00:04:01.021>groupings <00:04:01.287>that <00:04:01.554>don't <00:04:01.820>make <00:04:02.087>sense.

100
00:04:02.735 --> 00:04:04.355
<00:04:02.735>We <00:04:03.085>add <00:04:03.435>features <00:04:03.785>like <00:04:04.135>tagging.

101
00:04:04.375 --> 00:04:06.235
<00:04:04.375>So <00:04:04.655>your <00:04:04.935>buttons <00:04:05.215>are <00:04:05.495>actually <00:04:05.775>interactive,

102
00:04:06.235 --> 00:04:08.355
<00:04:06.235>they <00:04:06.435>can <00:04:06.635>be <00:04:06.835>clicked, <00:04:07.035>your <00:04:07.235>inputs <00:04:07.435>can <00:04:07.635>be,

103
00:04:08.375 --> 00:04:09.555
<00:04:08.375>uh, <00:04:08.640>you <00:04:08.906>can <00:04:09.171>have <00:04:09.437>inputs.

104
00:04:09.895 --> 00:04:11.275
<00:04:09.895>Um, <00:04:10.205>and <00:04:10.516>we <00:04:10.826>also <00:04:11.137>go

105
00:04:11.455 --> 00:04:13.915
<00:04:11.455>and <00:04:11.655>look <00:04:11.855>for <00:04:12.055>similar <00:04:12.255>elements <00:04:12.455>within <00:04:12.655>your <00:04:12.855>design

106
00:04:13.915 --> 00:04:16.155
<00:04:13.915>and <00:04:14.148>automatically <00:04:14.381>convert <00:04:14.614>them <00:04:14.848>into <00:04:15.081>code <00:04:15.315>components.

107
00:04:16.535 --> 00:04:18.835
<00:04:16.535>And <00:04:16.735>finally, <00:04:16.935>you <00:04:17.135>can <00:04:17.335>make <00:04:17.535>your <00:04:17.735>design <00:04:17.935>responsive.

108
00:04:19.215 --> 00:04:22.075
<00:04:19.214>We <00:04:19.331>use <00:04:19.448>LLMs <00:04:19.565>for <00:04:19.681>a <00:04:19.798>small <00:04:19.914>use <00:04:20.031>case, <00:04:20.148>which <00:04:20.265>is <00:04:20.381>to <00:04:20.498>make <00:04:20.614>sure

109
00:04:22.075 --> 00:04:24.075
<00:04:22.075>that <00:04:22.308>the <00:04:22.541>layer <00:04:22.775>names <00:04:23.008>have <00:04:23.241>been <00:04:23.474>renamed

110
00:04:24.295 --> 00:04:27.795
<00:04:24.295>and <00:04:24.435>that <00:04:24.575>converts <00:04:24.715>your <00:04:24.855>design <00:04:24.995>into <00:04:25.135>code <00:04:25.275>in <00:04:25.415>just <00:04:25.555>one <00:04:25.695>click.

111
00:04:28.935 --> 00:04:30.315
<00:04:28.935>So <00:04:29.245>finally, <00:04:29.556>just <00:04:29.866>to <00:04:30.177>kind

112
00:04:30.315 --> 00:04:32.075
<00:04:30.315>of <00:04:30.515>say <00:04:30.715>we <00:04:30.915>are <00:04:31.115>barely <00:04:31.315>scratching <00:04:31.515>the <00:04:31.715>surface

113
00:04:32.265 --> 00:04:34.835
<00:04:32.265>with <00:04:32.405>our <00:04:32.544>large <00:04:32.685>design <00:04:32.825>models, <00:04:32.965>we <00:04:33.104>wanna <00:04:33.245>do <00:04:33.385>a <00:04:33.525>lot <00:04:33.664>more,

114
00:04:34.855 --> 00:04:37.155
<00:04:34.855>we <00:04:35.010>wanna <00:04:35.166>support <00:04:35.321>mobile <00:04:35.477>apps, <00:04:35.632>we <00:04:35.788>want <00:04:35.943>to <00:04:36.099>be <00:04:36.255>able

115
00:04:37.155 --> 00:04:40.395
<00:04:37.155>to <00:04:37.354>detect <00:04:37.554>more <00:04:37.755>features, <00:04:37.955>more, <00:04:38.155>uh, <00:04:38.354>interactive <00:04:38.554>elements,

116
00:04:40.615 --> 00:04:43.355
<00:04:40.615>and <00:04:40.742>we <00:04:40.869>also <00:04:40.996>want <00:04:41.124>to <00:04:41.251>use <00:04:41.378>LLMs <00:04:41.505>to <00:04:41.633>further <00:04:41.760>extend <00:04:41.887>the <00:04:42.015>code

117
00:04:43.355 --> 00:04:44.395
<00:04:43.355>by <00:04:43.667>adding <00:04:43.979>business <00:04:44.291>logic

118
00:04:44.415 --> 00:04:45.235
<00:04:44.415>and <00:04:44.661>all <00:04:44.907>the <00:04:45.153>backend

119
00:04:45.235 --> 00:04:46.435
<00:04:45.235>integrations <00:04:45.415>that <00:04:45.595>you <00:04:45.775>would <00:04:45.955>like <00:04:46.135>to <00:04:46.315>have.

120
00:04:46.935 --> 00:04:48.235
<00:04:46.935>And <00:04:47.325>that's <00:04:47.715>it. <00:04:48.105>Uh,

121
00:04:48.235 --> 00:04:50.195
<00:04:48.235>we <00:04:48.410>have <00:04:48.585>a <00:04:48.760>booth <00:04:48.935>downstairs <00:04:49.110>just <00:04:49.285>down <00:04:49.460>the <00:04:49.635>hall.

122
00:04:50.455 --> 00:04:52.835
<00:04:50.455>Please <00:04:50.582>come <00:04:50.709>and <00:04:50.836>check <00:04:50.964>us <00:04:51.091>out <00:04:51.218>if <00:04:51.345>you <00:04:51.473>want <00:04:51.600>a <00:04:51.727>quick <00:04:51.854>demo.

123
00:04:53.095 --> 00:04:54.635
<00:04:53.095>Um, <00:04:53.326>and <00:04:53.557>yeah, <00:04:53.788>thank <00:04:54.019>you <00:04:54.250>so <00:04:54.481>much.